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

In jQuery: Verwendung des ersten Selektors example_jquery

WBOY
WBOYOriginal
2016-05-16 16:23:271133Durchsuche

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

Dieser Selektor entspricht dem ersten Element in der angegebenen Elementsammlung.

Grammatikstruktur:

Code kopieren Der Code lautet wie folgt:
$(":first")

Im Gebrauch wird es im Allgemeinen in Verbindung mit anderen Selektoren verwendet, z. B. Klassenselektoren, Elementselektoren usw. Zum Beispiel:

Code kopieren Der Code lautet wie folgt:
$("li:first").css("color", „grün“ )

Der obige Code kann die Schriftfarbe im ersten Li-Element in der Li-Element-Sammlung auf Grün setzen.
Wenn er nicht mit anderen Selektoren verwendet wird, ist der Standardstatus mit dem *-Selektor zu verwenden. Beispielsweise entspricht $(":first") $("*:first").

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 im ersten Li-Element in der Li-Element-Sammlung auf Grün setzen.

Beispiel 2:





Code kopieren


Der Code lautet wie folgt:

Skript-Startseite
  • html-Bereich
  • div CSS-Bereich
  • jQuery Zone
  • Javascript Zone
Skript-Startseite Die Sonne scheint
Da der obige Code keinen Selektor angibt, der mit dem Selektor :first übereinstimmt, wird er standardmäßig mit dem Selektor * verwendet, sodass der obige Code die Schriftfarbe in allen Elementen auf Grün setzt.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.
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:JavaScript implementiert die Auflistung der längsten fortlaufenden Nummer in einem Array_Javascript-FähigkeitenNächster Artikel:JavaScript implementiert die Auflistung der längsten fortlaufenden Nummer in einem Array_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen