suchen

Heim >Web-Frontend >js-Tutorial >Anwendungsfälle von jQuery :lt(index) Selector

Anwendungsfälle von jQuery :lt(index) Selector

黄舟
黄舟Original
2017-06-23 10:40:251492Durchsuche

Das Beispiel in diesem Artikel beschreibt die Verwendung des :lt-Selektors in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Dieser Selektor stimmt mit allen Elementen überein, die kleiner als der angegebene Indexwert sind.
Der minimale Indexwert beginnt bei 0.

Grammatikstruktur: 

$(":lt(index)")

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

$("li:lt(3)").css("color","blue")

Der obige Code kann die Schriftfarbe im li-Element mit einem Index kleiner als 3 auf Blau setzen.
Wenn nicht mit anderen Selektoren verwendet, ist der Standardstatus mit dem *-Selektor zu verwenden, zum Beispiel ist $(":lt") äquivalent zu $("*:lt").

Parameterliste:

Parameterbeschreibung

index Der angegebene Indexwert.

Beispielcode:

Beispiel 1:












    
  
  • html专区
    • 
  
  • div+css专区
    • 
  
  • jQuery专区
    • 
  
  • Javascript专区
    •

Der obige Code kann die Schriftfarbe des li-Elements mit einem Indexwert kleiner als 3 im li-Element festlegen Sammlung zur blauen Farbe.

Beispiel 2:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title></title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("#btn").click(function(){ 
    $("*").each(function(){ 
      alert(this.tagName); 
    })         
  }) 
  $("#show").click(function(){ 
    $(":lt(11)").css("border","1px solid red"); 
  }) 
}); 
</script>
</head>
<body>
<ul>
  <li>html专区</li>
  <li>div+css专区</li>
  <li>jQuery专区</li>
  <li>Javascript专区</li>
</ul>
<button id="btn">遍历所有元素</button>
<button id="show">点击查看选择器效果</button>
</body>
</html>

Da der obige Code keinen Selektor angibt, der mit dem :lt-Selektor verwendet werden soll, wird er standardmäßig mit dem *-Selektor verwendet, also der obige Code can Setzt die Rahmenfarbe aller Elemente im aktuellen Dokument mit einem Indexwert kleiner als 11 auf Rot.

Das obige ist der detaillierte Inhalt vonAnwendungsfälle von jQuery :lt(index) Selector. 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：jQuery: Detaillierte Erläuterung der Verwendung des gt(index)-SelektorsNächster Artikel：jQuery: Detaillierte Erläuterung der Verwendung des gt(index)-Selektors

In Verbindung stehende Artikel

Mehr sehen