Heim > Web-Frontend > js-Tutorial > In jQuery: sichtbare Selektorverwendung example_jquery

In jQuery: sichtbare Selektorverwendung example_jquery

WBOY
Freigeben: 2016-05-16 16:23:07
Original
1297 Leute haben es durchsucht

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

Dieser Selektor stimmt mit allen derzeit sichtbaren Elementen überein.

Grammatikstruktur:

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

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:
$("div:visible").css({color:" blau"} )

Der obige Code setzt die Schriftfarbe in sichtbaren div-Elementen auf Blau.
Wenn er nicht mit anderen Selektoren verwendet wird, ist der Standardstatus mit dem *-Selektor zu verwenden. Beispielsweise entspricht $(":visible") $("*:visible").

Beispielcode:

Beispiel 1:

Code kopieren Der Code lautet wie folgt:






Skript-Startseite





Ich bin unsichtbar

Ich bin sichtbar


  • Script House heißt Sie herzlich willkommen






Der obige Code kann die Textfarbe im sichtbaren Div auf Blau setzen.

Beispiel 2:

Code kopieren Der Code lautet wie folgt:





Skript-Startseite





Ich bin unsichtbar

Ich bin sichtbar


  • Script House heißt Sie herzlich willkommen







Da der obige Code keinen Selektor angibt, der mit dem :visible-Selektor verwendet werden soll, wird er standardmäßig mit dem *-Selektor verwendet, sodass der Code die Textfarbe in allen sichtbaren Elementen auf Blau setzen kann.

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