Heim > Web-Frontend > js-Tutorial > Der Unterschied und die Verwendung zwischen eq und get in jquery

Der Unterschied und die Verwendung zwischen eq und get in jquery

巴扎黑
Freigeben: 2017-06-30 14:29:10
Original
1315 Leute haben es durchsucht

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>
Nach dem Login kopieren


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> 
 
Nach dem Login kopieren


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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage