Heim > Web-Frontend > js-Tutorial > In jQuery: Verwendung des Selektors example_jquery

In jQuery: Verwendung des Selektors example_jquery

WBOY
Freigeben: 2016-05-16 16:23:38
Original
1155 Leute haben es durchsucht

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:

Code kopieren Der Code lautet wie folgt:
$(":lt(index)")

Dieser Selektor wird im Allgemeinen in Verbindung mit anderen Selektoren verwendet, z. B. Klassenselektoren, Elementselektoren usw.
Zum Beispiel:

Code kopieren Der Code lautet wie folgt:
$("li:lt(3)").css(" Farbe“, „blau“)

Der obige Code kann die Schriftfarbe in Li-Elementen mit einem Index von weniger als 3 auf Blau setzen.
Wenn er nicht mit anderen Selektoren verwendet wird, ist der Standardstatus mit dem *-Selektor zu verwenden, zum Beispiel ist $(":lt") äquivalent zu $("*:lt").

Parameterliste:

参数 描述
index 给定的索引值。

Beispielcode:

Beispiel 1:

Code kopieren Der Code lautet wie folgt:






Skript-Startseite





  • html-Bereich

  • div CSS-Bereich

  • jQuery Zone

  • Javascript Zone






Der obige Code kann die Schriftfarbe in der Li-Elementsammlung mit einem Indexwert von weniger als 3 auf Blau setzen.

Beispiel 2:

Code kopieren Der Code lautet wie folgt:





Skript-Startseite





  • html-Bereich

  • div CSS-Bereich

  • jQuery Zone

  • Javascript Zone









Da der obige Code keinen Selektor angibt, der mit dem :lt-Selektor verwendet werden soll, wird er standardmäßig mit dem *-Selektor verwendet. Daher kann der obige Code alle Elemente im aktuellen Dokument auswählen, die einen kleineren Indexwert haben als 11. Die Rahmenfarbe ist auf Rot eingestellt.
Ich hoffe, dass dieser Artikel für das JQuery-Programmierungsdesign aller hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage