Maison  >  Article  >  interface Web  >  Comment utiliser la méthode find() dans jQuery

Comment utiliser la méthode find() dans jQuery

清浅
清浅original
2019-01-11 15:28:316667parcourir

La méthode find() dans jQuery est utilisée pour renvoyer les descendants de l'élément actuel. Vous pouvez renvoyer un seul élément ou plusieurs éléments en recherchant la classe CSS dans l'élément. Vous pouvez renvoyer tous les éléments via le signe *.

Dans jQuery Il existe une méthode qui recherche et renvoie tous les descendants d'une sélection. Les descendants sont des éléments situés dans l'élément sélectionné. Ces éléments peuvent être des enfants, des enfants d'enfants, des enfants d'enfants, etc. La méthode utilisée pour obtenir les descendants de chaque élément dans l'élément courant est find(), qui filtre principalement

Comment utiliser la méthode find() dans jQuery

via des sélecteurs, des objets ou des éléments jQuery [Cours recommandés : Tutoriel jQuery]

Utilisation de la méthode find()

Code HTML :

<div class="demo">
    <ul>
        <li>php中文网</li>
        <li>php中文网</li>
        <li class="findMe">php中文网</li>
        <li>php中文网</li>
        <li>php中文网</li>
    </ul>
</div>

(1) Rechercher un seul élément :

$(".demo").find(".findMe").css("color", "pink");

Rendu :

Comment utiliser la méthode find() dans jQuery

Comme on peut le voir sur le rendu, seul le troisième li a changé de couleur

(2 ) séparés par des virgules dans jQuery, renvoie plusieurs éléments enfants

$(".demo").find(".findMe1,.findMe2,.findMe3").css("color", "pink");

Rendu :

Comment utiliser la méthode find() dans jQuery

(3) Renvoie tous les éléments descendants

peut renvoyer tous les éléments descendants

$(".demo").find("*").css("color", "pink");

via * >Résumé : ce qui précède concerne l'utilisation de la méthode find() dans jQuery. J'espère que cela sera utile à tout le monde

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn