Maison > interface Web > js tutoriel > Exemple d'utilisation de la méthode index() dans jQuery_jquery

Exemple d'utilisation de la méthode index() dans jQuery_jquery

WBOY
Libérer: 2016-05-16 16:24:16
original
1370 Les gens l'ont consulté

L'exemple de cet article décrit l'utilisation de la méthode index() dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode peut rechercher des éléments correspondants et renvoyer la valeur d'index de l'élément.
Les valeurs d'index commencent à 0.

Structure grammaticale 1 :

Lorsque cette méthode n'a pas de paramètres, la valeur de retour est la position d'index de l'élément spécifié dans la collection de ses éléments frères.

Copier le code Le code est le suivant :
$(selector).index()

Exemple de code :

Exemple 1 :

Copier le code Le code est le suivant :






index() function-Script Accueil

Accueil du script






  • Zone des coulisses

  • Espace réception

  • Zone de base de données

  • Communication webmaster



La position de l'élément li actuel :0




Le code ci-dessus peut renvoyer la valeur d'index de l'élément li avec le nom de classe qian dans son ensemble d'éléments frères. En voyant cela, vous pouvez vous demander si les éléments dits frères sont des éléments similaires, c'est-à-dire. , l'élément li est dans l'élément li La valeur d'index dans la collection.

Exemple 2 :

Copier le code Le code est le suivant :






index() function-Script Accueil

Accueil du script






  • Zone des coulisses

  • Espace réception

  • Zone de base de données

  • Communication webmaster

  • Optimisation de la recherche


La position de l'élément li actuel :0




Comme vous pouvez le voir dans le code ci-dessus, il ne s'agit pas seulement d'éléments du même type, mais de tous les éléments de la même génération.

Structure grammaticale 2 :

Lorsque le paramètre de la méthode est un objet DOM ou un objet jQuery, la valeur de retour est l'index de cet objet DOM ou de cet objet jQuery dans la collection d'éléments spécifiée.
Si l'objet DOM ou l'objet jQuery spécifié n'est pas trouvé dans la collection d'éléments spécifiée, la valeur de retour est -1.

Copier le code Le code est le suivant :
$(selector).index(element)

Liste des paramètres :

参数 描述
element 获得index位置的DOM对象或者jQuery对象。

Exemple de code :

Exemple 1 :

Copier le code Le code est le suivant :






index() function-Script Accueil

Accueil du script






  • Zone des coulisses

  • Espace réception

  • Zone de base de données

  • Communication webmaster



La position de l'élément li actuel :0




Exemple 2 :

Comme aucun élément correspondant n'est trouvé, la valeur de retour est -1.

Copier le code Le code est le suivant :






index() function-Script Accueil

Accueil du script






  • Zone des coulisses

  • Espace réception

  • Zone de base de données

  • Communication webmaster

  • Optimisation de la recherche


La position de l'élément li actuel :0




Structure grammaticale trois :

Lorsque le paramètre de la méthode est un sélecteur, l'élément sera trouvé dans la collection d'objets obtenus grâce à ce sélecteur.

Copier le code Le code est le suivant :
$(selector).index(Jqselector)

Liste des paramètres :

参数 描述
Jqselector 选择器,将会从通过此选择器获得的对象中查找元素。

Exemple de code :

Copier le code Le code est le suivant :






index() function-Script Accueil

Accueil du script






  • Zone des coulisses

  • Espace réception

  • Zone de base de données

  • Communication webmaster

  • Optimisation de la recherche


La position de l'élément li actuel :0




Le code ci-dessus obtiendra la position d'index de l'élément li avec la valeur id qian dans la collection d'objets li obtenue via le sélecteur li.

J'espère que cet article sera utile à la programmation jQuery de chacun.

É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