In jQuery: Verwendung des Header-Selektors example_jquery

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

Dieser Selektor kann mit Überschriftenelementen übereinstimmen, also (h1-h6).

Grammatikstruktur:

Code kopieren Der Code lautet wie folgt:

$(":header")

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:

$(".qiantai:header").css("color" ,„blau“)

Der obige Code kann die Schriftfarbe im Titelelement mit dem Klassennamen qiantai auf Blau setzen.
Wenn er nicht mit anderen Selektoren verwendet wird, ist der Standardstatus mit dem *-Selektor zu verwenden, zum Beispiel ist $(":header") äquivalent zu $("*:header").

Beispielcode:

Beispiel 1:

Code kopieren Der Code lautet wie folgt:

Rezeptionsbereich

• html-Bereich
• div CSS-Bereich
• jQuery Zone
• Javascript Zone

Backstage-Bereich

• ASP-Zone
• php-Bereich

Klicken Sie, um den Effekt anzuzeigen



Der obige Code kann die Textfarbe im Titelelement, dessen Klassenattributwert qiantai ist, auf Blau setzen.

Beispiel 2:





Code kopieren


Der Code lautet wie folgt:

Rezeptionsbereich

• html-Bereich
• div CSS-Bereich
• jQuery Zone
• Javascript Zone

Backstage-Bereich

• ASP-Zone
• php-Bereich

Klicken Sie, um den Effekt anzuzeigen

Da der obige Code keinen Selektor angibt, der mit dem :header-Selektor verwendet werden soll, wird er standardmäßig mit dem *-Selektor verwendet. Daher kann der obige Code die Textfarbe des Titelelements in allen Elementen im festlegen aktuelles Dokument blau.

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