Der Unterschied und die Verwendung zwischen eq und get in jquery
Ich glaube, dass die meisten Menschen diese beiden falsch verwenden werden. Sie können dies herausfinden, indem Sie sich die API-Dokumentation genau ansehen. eq gibt ein jquery-Objekt zurück und get gibt ein HTML-Objekt array zurück.
Zum Beispiel:
Feiyu
Verwenden Sie eq, um den Farbwert des ersten p-Tags zu erhalten:$( "p" ).eq(0).css("color") //Da eq(num) ein jq-Objekt zurückgibt, können Sie die jq-Methode css verwenden, um den Farbwert des ersten p-Tags abzurufen:
$("p ").get(0).style.color //Da get(num) ein HTML-Objekt zurückgibt, muss die herkömmliche HTML-Objektmethode verwendet werden, und das jq-Objekt ist zu diesem Zeitpunkt nutzlos. Natürlich können Sie auch get(num) und das Objekt in ein jq-Objekt konvertieren, bevor Sie die Operation ausführen:
$($("p").get(0)).css("color")--- -------------------------------------------------- --------------------
mehr eq
siehe:
http://api.jquery.com/eq/
-- - ------------------------------------------------- - ---------------------
mehr erhalten Sie:
siehe:
http://api.jquery.com/get/
eq: Die Rückgabe ist ein JQuery-Objekt, dessen Funktion darin besteht, die Menge der übereinstimmenden Elemente auf ein Element zu reduzieren. Die Position dieses Elements im Satz übereinstimmender Elemente wird 0 und die Länge des Satzes wird 1
get: ist ein Array von HTML-Objekten, das verwendet wird, um eines der übereinstimmenden Elemente abzurufen. num gibt an, welches passende Element erhalten wird.
Zum Beispiel: HTML-Code
Der Code lautet wie folgt:
<ul> <li>li-1</li> <li>li-2</li> </ul>
Zum Beispiel, wenn wir den JQuery-Selektor $(" übergeben li"), dann werden wir Es gibt zwei li-Elemente. Wie kann ich nur eines davon auswählen?
$("li:eq(0)").html() oder $("li") .eq(0).html( ) ist das erste Li, hier erhalten wir li-1
$("li:eq(1)").html() oder $("li").eq(1) .html() ist das zweite. Hier erhalten wir li-2
Schauen wir uns get an, da get ein HTML-Objekt zurückgibt, also sind wir hier
$("li").get(0). style.color='red '
Sie können es nur auf diese Weise verwenden oder das von get zurückgegebene Objekt in ein JQuery-Objekt konvertieren und
$($("li").get(0)).css( "Farbe",'rot')
Vollständiger Code
Der Code lautet wie folgt:
< HEAD >New Document <ul> <li>li-1</li> <li>li-2</li> </ul>