jQuery: Verwendung des GT-Selektors example_jquery

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

Dieser Selektor gleicht alle Elemente mit einem Index ab, der größer als der angegebene Index ist.
Der minimale Indexwert beginnt bei 0.

Grammatikstruktur:

Code kopieren Der Code lautet wie folgt:

$(":gt(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:gt(0)").css(" Farbe“, „blau“)

Der obige Code kann die Schriftfarbe im li-Element mit einem Index größer als 0 auf Grün setzen.
Wenn er nicht mit anderen Selektoren verwendet wird, ist der Standardstatus mit dem *-Selektor zu verwenden, zum Beispiel ist $(":gt") äquivalent zu $("*:gt").

Parameterliste:

参数	描述
index	给定的索引值

Beispielcode:

Code kopieren Der Code lautet wie folgt:

• html-Bereich


• div CSS-Bereich


• jQuery Zone


• Javascript Zone

Klicken Sie, um den Effekt zu sehen

Der obige Code kann die Schriftfarbe im Li-Element, dessen Indexwert größer als 0 ist, in der Li-Elementsammlung auf Blau setzen.

Beispiel 2:

Code kopieren Der Code lautet wie folgt:

• html-Bereich


• div CSS-Bereich


• jQuery Zone


• Javascript Zone

Klicken Sie, um den Effekt zu sehen





Da der obige Code keinen Selektor angibt, der mit dem :gt-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 größeren Indexwert haben als 1. Die Schriftfarbe ist auf Blau eingestellt.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.