Maison > interface Web > js tutoriel > le corps du texte

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

巴扎黑
Libérer: 2017-06-30 14:29:10
original
1287 Les gens l'ont consulté

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>
Copier après la connexion


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
> 
 New 
Document
  
 
 
 
 
 
<ul> 
<li>li-1</li> 
<li>li-2</li> 
</ul> 
 
Copier après la connexion


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal