Maison > interface Web > js tutoriel > Comment utiliser la méthode de recherche

Comment utiliser la méthode de recherche

不言
Libérer: 2019-02-12 13:10:26
original
4468 Les gens l'ont consulté

find() est une méthode intégrée à jquery qui est utilisée pour rechercher tous les éléments descendants de l'élément sélectionné. Il parcourra jusqu'à la dernière feuille de l'élément sélectionné dans l'arborescence DOM. Jetons un coup d'œil à l'utilisation spécifique de find().

Comment utiliser la méthode de recherche

La méthode find() récupère les descendants de chaque élément de la collection actuelle d'éléments, filtrés par un sélecteur, un objet jQuery ou un élément.

La syntaxe de base de find() est la suivante

$(selector).find()
Copier après la connexion

sélecteur : peut être écrit en utilisant la syntaxe du sélecteur CSS.

Regardons un exemple spécifique

Le code est le suivant

<!DOCTYPE html>
<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src="https://code.jquery.com/jquery-3.3.1.min.js">
      </script>
        
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $("p").find("span").addClass("selected");
         });
      </script>
        
      <style>
         .selected { color:red; }
      </style>
   </head>
    
   <body>
      <div>
         <p><span>Hello</span>, 你好吗?</p>
         <p>yes, 我<span>很好</span>.</p>
      </div>
   </body>
</html>
Copier après la connexion

L'effet d'affichage sur le navigateur est le suivant : Tous les éléments span dans le Les éléments p sont sélectionnés et utilisés surlignés en rouge.

Comment utiliser la méthode de recherche

Cet article se termine ici Pour un contenu plus passionnant, vous pouvez prêter attention aux autres didacticiels de colonnes connexes sur le site Web PHP chinois ! ! !

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