Zusammenfassung von 6 Methoden zum Abrufen von Elementen in JQuery

1. Wenn Sie beispielsweise das Element mit der ID im -Attribut im p-Tag der Seite

$("p[id]").css("color","red");

erhalten möchten, erhalten Sie das Element
1. $ basierend auf dem Attributwert. In jQuery $("") entspricht diese Syntax $(document.createElement("span")), was manchmal bei der Auswahl von Elementen verwendet wird Es wird auch so verwendet: [attribute$=value], das Elemente abgleicht, bei denen das angegebene Attribut mit einem bestimmten Wert endet. Hier ein Beispiel zur Veranschaulichung:
HTML-Code

<input name="newsletter" /> 
<input name="milkman" /> 
<input name="jobletter" />

jQuery-Code:

$("input[name$='letter']")

Ergebnis:

[ <input name="newsletter" />, <input name="jobletter" /> ]

2.!. Selektor: [Attribut!=Wert], entspricht allen Elementen, die das angegebene Attribut nicht enthalten, oder das Attribut ist nicht gleich einem bestimmten Wert. Dieser Selektor ist äquivalent zu: nicht ([attr=Wert]).
Beispiel:
HTML-Code

<input type="checkbox" name="newsletter" value="Hot Fuzz" /> 
<input type="checkbox" name="newsletter" value="Cold Fusion" /> 
<input type="checkbox" name="accept" value="Evil Plans" />

jQuery-Code:

$("input[name!='newsletter']").attr("checked", true);

Ergebnis:

[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]

3.*. Selektor: [Attribut*=Wert], ordnet das angegebene Attribut Elementen zu, die bestimmte Werte enthalten. Geben wir ein Beispiel:
HTML-Code:

<input name="man-news" /> 
<input name="milkman" /> 
<input name="letterman2" /> 
<input name="newmilk" />

jQuery-Code:

$("input[name*='man']")

Ergebnis:

[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]

4.@ . Entspricht Elementen, die das angegebene Attribut enthalten. Beachten Sie, dass in jQuery 1.3 das führende @-Symbol veraltet ist! Wenn Sie mit der neuesten Version kompatibel sein möchten, entfernen Sie einfach das @-Symbol
.

5.^. Selektor: [attribute^=value], sucht nach Elementen, bei denen das angegebene Attribut mit einem bestimmten Wert beginnt. Hier ist ein Beispiel zur Veranschaulichung:
HTML-Code:

<input name="newsletter" /> 
<input name="milkman" /> 
<input name="newsboy" />

jQuery-Code:

$("input[name^='news']")

Ergebnis:

[ <input name="newsletter" />, <input name="newsboy" /> ]

6 Holen Sie sich das Element mit dem angegebenen Attribut und der eingestellte Wert hat die angegebene Zeichenfolge
HTML-Code:

<input type="checkbox" name="newsletter" value="Hot Fuzz"/> 
<input type="checkbox" name="newsletter" value="Cold Fusion" /> 
<input type="checkbox" name="accept" value="Evil Plans" />

jQuery-Code:

$("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作

Natürlich kann er auch basierend auf dem ID-Attribut oder anderen Attributen wie $("input[id=id1]").css abgerufen werden ( "color",red);
Wenn Sie in jquery $("input[name='metaId']").val() verwenden, können Sie den Wert des ausgewählten Radios nicht direkt abrufen, sondern nur den ersten Wert des Radio-Tags. Dies kann mit der Suchsprache xpath zusammenhängen, und wir möchten normalerweise den Wert des ausgewählten Radio-Tags erhalten. Es gibt mehrere Methoden:
1, Verwenden Sie $("input[ name='metaId']:checked").val(), um zu erhalten, dass //name das Namensattribut name in radio
2 darstellt. Verwenden Sie $(":radio:checked").val( ), um //die Seite auf nur ein Gruppenradio-Tag zu beschränken

Das obige ist der detaillierte Inhalt vonZusammenfassung von 6 Methoden zum Abrufen von Elementen in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!