suchen

Heim >Web-Frontend >js-Tutorial >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:441382Durchsuche

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

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：Der Unterschied zwischen den Selektoren jquery :has() und :contains()Nächster Artikel：Der Unterschied zwischen den Selektoren jquery :has() und :contains()

In Verbindung stehende Artikel

Mehr sehen