Heim > Web-Frontend > js-Tutorial > jQuery: Verwendung des Selektors eq() example_jquery

jQuery: Verwendung des Selektors eq() example_jquery

WBOY
Freigeben: 2016-05-16 16:23:34
Original
1028 Leute haben es durchsucht

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:






:eq selector-Script Home





  • html-Bereich

  • div CSS-Bereich

  • jQuery Zone

  • Javascript Zone





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:






:eq selector-Script Home





  • html-Bereich

  • div CSS-Bereich

  • jQuery Zone

  • Javascript Zone



Script House heißt Sie herzlich willkommen


Die Sonne scheint





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.

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