Maison > interface Web > js tutoriel > le corps du texte

Comment utiliser la méthode find() dans jQuery

清浅
Libérer: 2019-01-11 15:28:31
original
6702 Les gens l'ont consulté

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>
Copier après la connexion

(1) Rechercher un seul élément :

$(".demo").find(".findMe").css("color", "pink");
Copier après la connexion

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");
Copier après la connexion

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");
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!