jQuery-Selektor: Detaillierter Anwendungsfall des übergeordneten Elements-js-Tutorial-php.cn

jQuery-Selektor: Detaillierter Anwendungsfall des übergeordneten Elements

黄舟

Freigeben： 2017-06-23 11:31:48

Original

1267 Leute haben es durchsucht

: 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")

Nach dem Login kopieren

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

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

Nach dem Login kopieren

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:

 
 
 
 
 
蚂蚁部落 
 
 
 
 
 
我是文本

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!