jQuery : exemple d'utilisation du sélecteur eq()_jquery

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

Ce sélecteur correspond à un élément avec une valeur d'index donnée.
L'indice de position de l'élément commence à 0.

Structure grammaticale :

Copier le code Le code est le suivant :

$(":eq(index)")

Ce sélecteur est généralement utilisé en conjonction avec d'autres sélecteurs, tels que les sélecteurs de classe, les sélecteurs d'éléments, etc. Par exemple :

Copier le code Le code est le suivant :

$("li:eq(1)").css(" couleur", "vert")

Le code ci-dessus définit la couleur de police du li d'index 1 (c'est-à-dire le deuxième li) de la collection d'éléments li sur vert.

S'il n'est pas utilisé avec d'autres sélecteurs, l'état par défaut doit être utilisé avec le sélecteur *, par exemple, $(":eq()") est équivalent à $("*:eq()").

Liste des paramètres :

参数	描述
index	给定的索引值。

Exemple de code :

Exemple 1 :

Copier le code Le code est le suivant :

• zone html


• div zone css


• Zone jQuery


• Zone Javascript

Cliquez pour voir l'effet

Le code ci-dessus peut définir la couleur de police dans l'élément li avec une valeur d'index de 1 dans la collection d'éléments li sur vert. Étant donné que la valeur d'index commence à 0, le code ci-dessus définit la couleur de police dans le deuxième li sur vert. .

Exemple 2 :

Copier le code Le code est le suivant :

• zone html


• div zone css


• Zone jQuery


• Zone Javascript

Script House vous souhaite la bienvenue

Le soleil est sorti

Cliquez pour voir l'effet

Comme le code ci-dessus ne spécifie pas de sélecteur à utiliser avec le sélecteur :eq(), il est utilisé par défaut avec le sélecteur *, qui peut correspondre à tous les éléments, de sorte que l'élément avec une valeur d'index de 10 sera être utilisé. La couleur de la police est définie sur vert.

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