recherche

Maison  >  Article  >  interface Web  >  Exemples d'utilisation de la méthode find() dans jQuery

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

巴扎黑
巴扎黑original
2017-06-30 14:06:171898parcourir

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>

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>

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!

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
Article précédent：exemple de fonction jquery précédenteArticle suivant：exemple de fonction jquery précédente

Articles Liés

Voir plus