Exemples d'utilisation de la méthode andSelf() dans jQuery_jquery

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

Cette méthode peut ajouter l'élément précédemment sélectionné à la collection d'éléments actuelle.

Structure grammaticale :

Copier le code Le code est le suivant :

.andSelf()

Il peut être difficile de comprendre cette méthode, analysons donc l'exemple suivant en détail Afin de faciliter la visualisation du code, seul le contenu principal du code a été intercepté.

Copier le code Le code est le suivant :

$(".second").nextAll().css("color","green");

• zone html
• Zone CSS DIV
• Zone Javascript
• Jquery Zone

Une fois le code ci-dessus exécuté, la couleur du texte dans les troisième et quatrième li est définie sur vert. Regardez à nouveau le code suivant :

Copier le code

Le code est le suivant : $(".second").nextAll().andSelf().css("color","green");

• zone html

Zone CSS DIV

Zone Javascript

Zone Jquery

Une fois le code ci-dessus exécuté, la couleur du texte dans les deuxième, troisième et quatrième li est définie sur vert.
La différence dans les résultats d’exécution des deux codes est due à la méthode andSelf().

Analysez le processus d'exécution du code : utilisez d'abord le sélecteur de classe pour sélectionner le deuxième élément li, puis utilisez la méthode nextAll() pour convertir les troisième et quatrième éléments en la sélection actuelle. Si vous commencez à appeler la méthode css() ici, ce sera le résultat du premier morceau de code. Si vous appelez la méthode andSelf(), l'élément précédemment sélectionné sera ajouté à la collection d'éléments actuelle, puis la méthode css() est appelée et la couleur de police des trois éléments li deviendra verte.

Exemple de code :

Copier le code

Le code est le suivant :

• zone html
• Zone CSS DIV
• Zone Javascript
• Jquery Zone

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