jQuery: Verwendung des Selektors eq() example_jquery

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

Dieser Selektor gleicht ein Element mit einem bestimmten Indexwert ab.
Der Positionsindex des -Elements beginnt bei 0.

Grammatikstruktur:

Code kopieren Der Code lautet wie folgt:

$(":eq(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:eq(1)").css(" Farbe“, „grün“)

Der obige Code setzt die Schriftfarbe im Li mit Index 1 (d. h. dem zweiten Li) in der Li-Elementsammlung auf Grün.

Wenn nicht mit anderen Selektoren verwendet, ist der Standardstatus mit dem *-Selektor zu verwenden, zum Beispiel ist $(":eq()") äquivalent zu $("*:eq()").

Parameterliste:

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

Beispielcode:

Beispiel 1:

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 mit einem Indexwert von 1 in der Li-Elementsammlung auf Grün setzen. Da der Indexwert bei 0 beginnt, legt der obige Code die Schriftfarbe im zweiten Li auf Grün fest .

Beispiel 2:

Code kopieren Der Code lautet wie folgt:

• html-Bereich


• div CSS-Bereich


• jQuery Zone


• Javascript Zone

Script House heißt Sie herzlich willkommen

Die Sonne scheint

Klicken Sie, um den Effekt zu sehen

Da der obige Code keinen Selektor angibt, der mit dem Selektor :eq() verwendet werden soll, wird er standardmäßig mit dem Selektor * verwendet, der mit allen Elementen übereinstimmen kann, sodass das Element mit einem Indexwert von 10 verwendet wird Die Schriftfarbe ist auf Grün eingestellt.

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