Heim > Artikel > Web-Frontend > jQuery-Selektor: Detaillierter Anwendungsfall des übergeordneten Elements

jQuery-Selektor: Detaillierter Anwendungsfall des übergeordneten Elements

黄舟Original: 2017-06-23 11:31:481252Durchsuche

: Definition und Verwendung des übergeordneten Selektors:

Dieser Selektor stimmt mit Elementen überein, die untergeordnete Elemente oder Text enthalten.
Hinweis: Leerzeichen gelten auch als enthaltene Elemente.

Grammatikstruktur:

$(":parent")

Dieser Selektor wird im Allgemeinen in Verbindung mit anderen Selektoren verwendet, z. B. Klassenselektor und ElementselektorWarten. Zum Beispiel:

$("div:parent").animate({width:"300px"})

Der obige Code kann die Breite eines Divs, das Text oder Elemente enthält, auf 300 Pixel festlegen.
Wenn nicht mit anderen Selektoren verwendet, ist der Standardstatus mit dem *-Selektor zu verwenden, zum Beispiel ist $(":parent") äquivalent zu $("*:parent").

Beispielcode:

Beispiel 1:

 
 
 
 
 
蚂蚁部落 
 
 
 
 
 
我是文本

Der obige Code kann die Breite eines Divs festlegen, das Text oder Elemente in einer benutzerdefinierten Animation enthält .

Beispiel 2:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>蚂蚁部落</title> 
<style type="text/css"> 
div{ 
list-style-type:none; 
width:150px; 
height:30px; 
border:1px solid red; 
} 
span{border:1px solid green;} 
</style> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("button").click(function(){ 
$("*:parent").animate({width:"300px"}) 
}) 
}) 
</script> 
</head> 
<body> 
<div>我是文本</div> 
<div></div> 
<span>大家好</span> 
<button>点击查看效果</button> 
</body> 
</html>

Da der obige Code keinen Selektor angibt, der mit dem :parent-Selektor verwendet werden soll, wird er standardmäßig mit dem *-Selektor verwendet, sodass der Code dies kann Die Breite des Elements, das Text und Elemente enthält, wird in einer benutzerdefinierten Animation auf 300 Pixel festgelegt.

Das obige ist der detaillierte Inhalt vonjQuery-Selektor: Detaillierter Anwendungsfall des übergeordneten Elements. 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：Ausführliche Erklärung des Selektors has(selector) in jQueryNächster Artikel：Ausführliche Erklärung des Selektors has(selector) in jQuery

In Verbindung stehende Artikel

Mehr sehen