Heim  >  Artikel  >  Web-Frontend  >  So ändern Sie den Attributwert untergeordneter Elemente in jquery

So ändern Sie den Attributwert untergeordneter Elemente in jquery

青灯夜游
青灯夜游Original
2023-01-17 16:13:262218Durchsuche

Modifikationsmethode: 1. Verwenden Sie den Selektor, um das angegebene Elementobjekt abzurufen. Die Syntax „$(selector)“ gibt ein JQuery-Objekt zurück, das das angegebene Element enthält. 2. Verwenden Sie children(), um die untergeordneten Elemente unter dem angegebenen Element abzurufen Objekt, die Syntax „Element object.children(filter)“; 3. Verwenden Sie attr(), um den Attributwert des untergeordneten Elements zu ändern. Die Syntax lautet „child element.attr(„attribute name“, „new value“)“. oder „child element.attr({attribute 1 :“New Value“,Attribute 2:“New Value“...})“.

So ändern Sie den Attributwert untergeordneter Elemente in jquery

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6-Version, Dell G3-Computer.

In jquery können Sie die Funktionen children() und attr() verwenden, um die Attributwerte von untergeordneten Elementen zu ändern.

Implementierungsschritte:

Schritt 1: Verwenden Sie den JQuery-Selektor, um das angegebene Elementobjekt abzurufen.

$(selector)
  • gibt ein JQuery-Objekt zurück, das das angegebene Element enthält ( ) Die Funktion ruft die direkten untergeordneten Elemente unter dem angegebenen Elementobjekt ab. Gibt einen Selektorausdruck an, der die Suche nach untergeordneten Elementen einschränkt.

gibt die untergeordneten Elemente unter dem angegebenen Elementobjekt zurückSchritt 3: Verwenden Sie die Funktion attr(), um den Attributwert des untergeordneten Elements zu ändern
元素对象.children(filter)
Implementierungsbeispiel: Ändern
//单个属性
子元素对象.attr("属性名","新属性值");

//多个个属性
子元素对象.attr({属性1:"新值",属性2:"新值"....});
Klassenattributwert
  • [Empfohlenes Lernen:

    jQuery-Video-Tutorial

    ,
  • Web-Frontend-Video
]

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Attributwert untergeordneter Elemente in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Ist ie6 mit es6 kompatibel?Nächster Artikel:Ist ie6 mit es6 kompatibel?