Dans jQuery : utilisation du premier sélecteur example_jquery

L'exemple de cet article décrit l'utilisation du premier sélecteur 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 premier élément de la collection d'éléments spécifiée.

Structure grammaticale :

Copier le code Le code est le suivant :

$(":first")

En cours d'utilisation, il 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:first").css("color", "vert" )

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

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



Le code ci-dessus peut définir la couleur de police du premier é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 Le soleil est sorti

Cliquez pour voir l'effet

Étant donné que le code ci-dessus ne spécifie pas de sélecteur qui correspond au sélecteur :first, il sera utilisé avec le sélecteur * par défaut, donc le code ci-dessus définira la couleur de police de tous les éléments sur vert.

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