suchen

Heim >Web-Frontend >js-Tutorial >Beispiele für die Verwendung der find()-Methode in jQuery

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

巴扎黑
巴扎黑Original
2017-06-30 14:06:171944Durchsuche

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>

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>

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Beispiel für eine jquery prev-FunktionNächster Artikel：Beispiel für eine jquery prev-Funktion

In Verbindung stehende Artikel

Mehr sehen