Heim > Artikel > Web-Frontend > Detaillierte Erläuterung von Beispielen für jQuery: leerer Selektor
Detaillierte Erläuterung von Beispielen für jQuery: leerer Selektor
- 黄舟Original
- 2017-06-23 11:18:441320Durchsuche
Übersicht
Findet alle leeren Elemente, die keine untergeordneten Elemente oder Text enthalten.
Beispiel
Beschreibung:
Findet alle leeren Elemente, die keine untergeordneten Elemente oder Text enthalten enthalten untergeordnete Elemente oder Text. Leeres Element
HTML-Code:
<table> <tr><td>Value 1</td><td></td></tr> <tr><td>Value 2</td><td></td></tr> </table>
jQuery-Code:
$("td:empty")Ergebnis:
[ <td></td>, <td></td> ]
Dieser Selektor gleicht alle leeren Elemente ab, die keine untergeordneten Elemente oder Text enthalten.
Hinweis: Leerzeichen sind auch in den Selektorelementen enthalten.
Grammatikstruktur:
$(":empty")
Dieser Selektor wird im Allgemeinen in Verbindung mit anderen Selektoren verwendet, z. B. Klassenselektor und Elementauswahlgerät usw. Beispiel:
Kopieren Sie den Code wie folgt:
$("li:empty").animate({width:"200px"})Der obige Code kann die Breite des leeren li-Elements in der li-Elementsammlung in einer benutzerdefinierten Animation auf 200 Pixel festlegen .
Beispielcode:
Beispiel eins:
脚本之家
- html专区
- div+css专区
- Jquery专区
- Javascript专区
Beispiel zwei:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
li {
list-style-type:none;
width:150px;
height:30px;
border:1px solid red;
}
.run{background-color:green;}
.static{background-color:#603;}
div{
width:100px;
height:30px;
background-color:blue;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("*:empty").animate({width:"200px"});
})
})
</script>
</head>
<body>
<ul>
<li>html专区</li>
<li>div+css专区</li>
<li>Jquery专区</li>
<li>Javascript专区</li>
<li></li>
</ul>
<div></div>
<button>点击查看效果</button>
</body>
</html>Da der obige Code den :empty-Selektor nicht angibt Der Selektor wird in Verbindung verwendet, daher wird er standardmäßig mit dem *-Selektor verwendet, der die Länge leerer Elemente in allen Elementen in einer benutzerdefinierten Animation auf 200 Pixel festlegen kann.
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von Beispielen für jQuery: leerer Selektor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!