Dans jQuery : utilisation du sélecteur lt example_jquery

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

Ce sélecteur correspond à tous les éléments inférieurs à la valeur d'index donnée.
La valeur minimale de l'indice commence à 0.

Structure grammaticale :

Copier le code Le code est le suivant :

$(":lt(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:lt(3)").css(" couleur", "bleu")

Le code ci-dessus peut définir la couleur de la police des éléments li avec un indice inférieur à 3 sur le bleu.
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, $(":lt") est équivalent à $("*:lt").

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 la police dans la collection d'éléments li avec une valeur d'index inférieure à 3 sur le bleu.

Exemple 2 :

Copier le code Le code est le suivant :

• zone html


• div zone css


• Zone jQuery


• Zone Javascript

Traverser tous les éléments
Cliquez pour afficher l'effet du sélecteur





Étant donné que le code ci-dessus ne spécifie pas de sélecteur à utiliser avec le sélecteur :lt, il est utilisé avec le sélecteur * par défaut. Par conséquent, le code ci-dessus peut sélectionner tous les éléments du document actuel qui ont une valeur d'index inférieure. que 11. La couleur de la bordure est définie sur rouge.

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