La différence et l'utilisation entre eq et get dans jquery

Je pense que la plupart des gens utiliseront ces deux-là de manière incorrecte. Vous pouvez le découvrir en consultant attentivement la documentation de l'API. eq renvoie un objet jquery, et get renvoie un objet html array.

Par exemple :

Feiyu

Utilisez eq pour obtenir la valeur de couleur de la première balise p :
$( "p" ).eq(0).css("color") //Comme eq(num) renvoie un objet jq, vous pouvez utiliser la méthode jq css pour obtenir la valeur de couleur de la première balise p :
$("p ".get(0).style.color //Parce que get(num) renvoie un objet HTML, la méthode objet HTML traditionnelle doit être utilisée et l'objet jq est inutile pour le moment. Bien sûr, vous pouvez également get(num) et convertir l'objet en objet jq avant d'effectuer l'opération :
$($("p").get(0)).css("color")--- -- ------------------------------------------------ -- ------------------
plus d'eq
voir :
http://api.jquery.com/eq/
-- - ------------------------------------------------- - ---------------------
plus d'informations :
voir :
http://api.jquery.com/get/
eq : Le retour est un objet jquery dont la fonction est de réduire l'ensemble des éléments correspondants à un élément. La position de cet élément dans l'ensemble des éléments correspondants devient 0, et la longueur de l'ensemble devient 1
get : est un tableau d'objets html qui est utilisé pour obtenir l'un des éléments correspondants. num indique quel élément correspondant est obtenu.

Par exemple : code html

Le code est le suivant :

<ul> 
<li>li-1</li> 
<li>li-2</li> 
</ul>

Par exemple, si on passe le sélecteur jquery $(" li"), alors nous le ferons. Il y a deux éléments li. Comment puis-je en sélectionner un seul ?

$("li:eq(0)").html() ou $("li") .eq(0).html( ) ​​est le premier li ici, nous obtiendrons li-1
$("li:eq(1)").html() ou $("li").eq(1) .html() est le deuxième Ici, nous obtiendrons li-2

Regardons get car get renvoie un objet html, donc nous voici
$("li").get(0). style.color='red '
Vous ne pouvez l'utiliser que de cette façon ou convertir l'objet renvoyé en un objet jquery et utiliser
$($("li").get(0)).css(" color",'red')

Code complet

Le code est le suivant :

 
 
<
HEAD
> 
 
 
 
 
 
 
<ul> 
<li>li-1</li> 
<li>li-2</li> 
</ul> 
 

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!