Dans jQuery : utilisation du sélecteur de premier enfant example_jquery

L'exemple de cet article décrit l'utilisation du sélecteur de premier enfant 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 enfant de l'élément parent.

Structure grammaticale :

Copier le code Le code est le suivant :

$(":premier-enfant")

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 :

$("ul li:first-child").css(" couleur", "bleu")

Le code ci-dessus peut définir la couleur de police du premier élément li sous l'élément parent sur le bleu.

Remarque : Il est nécessaire d'expliquer le concept en combinaison avec le code ci-dessus. L'élément parent mentionné ici n'est pas li, mais l'élément parent de li. Beaucoup de gens pensent souvent à tort qu'il correspond au dernier élément parmi les éléments enfants de l'élément li.

Exemple de code :

Copier le code Le code est le suivant :

• Tutoriel ASP


• Tutoriel ASP.NET


• Tutoriel PHP

• tutoriel html


• Tutoriel CSS DIV


• Tutoriel jQUERY


• Tutoriel jAVAScript

Cliquez pour voir l'effet

Dans le code ci-dessus, cliquer sur le bouton peut définir la couleur du texte du premier élément li sous chaque ul sur bleu.

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