Dans jQuery : utilisation du dernier sélecteur example_jquery

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

Ce sélecteur correspond au dernier élément d'une collection d'éléments.

Structure grammaticale :

Copier le code Le code est le suivant :

$(":last")

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:last").css("color", "vert" )

Le code ci-dessus peut définir la couleur de police du dernier élément 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, $(":last") est équivalent à $("*:last").

Exemple de code :

Exemple 1 :

Copier le code Le code est le suivant :

Accueil du script

• zone html
• div zone css
• JQuery Zone
• Zone Javascript

Cliquez pour voir l'effet [/size]
[taille=2]



Le code ci-dessus peut définir la couleur de police du dernier élément li de la collection d'éléments li sur vert.

Exemple 2 :





Copier le code


Le code est le suivant :

Accueil du script

• zone html
• div zone css
• JQuery Zone
• Zone Javascript

Accueil du script

Cliquez pour voir l'effet Comme il n'y a pas de sélecteur spécifié pour correspondre au sélecteur :last, il sera utilisé pour correspondre au sélecteur * par défaut, donc la couleur de la police dans le bouton sera définie sur vert.

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