Beispiele für die Verwendung der find()-Methode in jQuery-js-Tutorial-php.cn

Beispiele für die Verwendung der find()-Methode in jQuery

巴扎黑

Freigeben： 2017-06-30 14:06:17

Original

1810 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Verwendung der find()-Methode in jQuery vor. Er analysiert die Funktion, Definition und Verwendungstechniken der find()-Methode, um Nachkommenelemente passender Elemente zu erhalten

Das Beispiel in diesem Artikel beschreibt die Verwendung der find()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode ruft die untergeordneten Elemente aller Elemente in der übereinstimmenden Elementsammlung ab und löscht sie über Selektoren, jQuery-Objekte oder Elemente. Die
find()-Methode ist eine gute Möglichkeit, Nachkommenelemente des passenden Elements abzurufen.

Hinweis: children() ruft nur untergeordnete Elemente der ersten Ebene ab, während find() alle untergeordneten Elemente findet.

Grammatikstruktur 1:

Der Code lautet wie folgt:

$(selector).find( expr)

Parameterliste:

Description

Parameter

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

expr

String-Wert, Filter definieren Ausdrucksformel.

Beispielcode:

Der Code lautet wie folgt:

<!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>

Nach dem Login kopieren

Der obige Code kann die Schriftfarbe aller p-Elemente unter dem Vaterelement auf einstellen Rot.

Grammatikstruktur zwei:

Der Code lautet wie folgt:

$(selector).find(element)

Ja Sucht das angegebene Element unter dem passenden Element.

Parameterliste:

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

Beispielcode:

Der Code lautet wie folgt:

<!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>

Nach dem Login kopieren

Der obige Code kann den Rand des Elements, dessen id Attribut Wert myp ist, unter dem Vaterelement auf ein Pixel Rot setzen.

Das obige ist der detaillierte Inhalt vonBeispiele für die Verwendung der find()-Methode in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!