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:
b9c90d7adf57a081f40cf3bc0da43c27Feiyu94b3e26ee717c64999d7867364b1b4a3Verwenden 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
> 
 
 
 
 
 
 
<ul> 
<li>li-1</li> 
<li>li-2</li> 
</ul> 
 

Das obige ist der detaillierte Inhalt vonDer Unterschied und die Verwendung zwischen eq und get in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!