Exemples d'utilisation de la méthode find() dans jQuery-js tutoriel-php.cn

Exemples d'utilisation de la méthode find() dans jQuery

巴扎黑

Libérer： 2017-06-30 14:06:17

original

1810 Les gens l'ont consulté

Cet article présente principalement l'utilisation de la méthode find() dans jQuery. Il analyse la fonction, la définition et les techniques d'utilisation de la méthode find() pour obtenir des éléments descendants d'éléments correspondants.

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

Cette méthode obtient les éléments enfants de tous les éléments de la collection d'éléments correspondants et les supprime via des sélecteurs, des objets jQuery ou des éléments. La méthode
find() est un bon moyen d'obtenir les éléments descendants de l'élément correspondant.

Remarque : children() n'obtient que les éléments enfants de premier niveau, tandis que find() trouvera tous les éléments enfants.

Structure grammaticale 1 :

Le code est le suivant :

$(selector).find( expr)

Liste des paramètres :

Descriptionexpr

Paramètres

参数	描述
expr	字符串值，定义筛选表达式。

String valeur, définir le filtre Formule d'expression.

Exemple de code :

Le code est le suivant :

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.jb51.net/" /> 
<title>children()函数-脚本之家</title> 
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(
document
).ready(function(){ 
  $(".father").find("p").css("color","red"); 
}) 
</script>  
</head> 
<body> 
<p class="father"> 
<p class="children"> 
   <p>我是孙子p</p> 
</p> 
<p>我是儿子p</p> 
</p> 
<p>我是兄弟p</p> 
</body> 
</html>

Copier après la connexion

Le code ci-dessus peut définir la couleur de police de tous les éléments p sous l'élément père sur rouge.

Structure grammaticale deux :

Le code est le suivant :

$(selector).find(element)

Oui Recherche l'élément spécifié sous l'élément correspondant.

Liste des paramètres :

参数	描述
element	用于匹配元素的DOM对象或者jQuery对象。

Exemple de code :

Le code est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>find()函数-脚本之家</title>
<style type="text/css">
.father{
  height:200px;
  width:200px;
  border:1px solid blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".father").find(document.getElementById("myp")).css("border","1px solid red");
})
</script>
</head>
<body>
<p class="father">
  <p class="children">
    <p id="myp">我是孙子p</p>
  </p>
  <p>我是儿子p</p>
</p>
<p>我是兄弟p</p>
</body>
</html>

Copier après la connexion

Le code ci-dessus peut définir la bordure de l'élément dont la valeur id de l'attribut est myp sous l'élément père sur un pixel rouge.

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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Exemples d'utilisation de la méthode find() dans jQuery