W3.JS-Selektoren
W3.JS-Selektoren
W3.JS wählt HTML-Elemente aus und führt Aktionen für die ausgewählten Elemente aus:
w3.action(selector)
- Die Aktion () wird für das/die ausgewählte(n) Element(e) ausgeführt
- Der ( Selektor ) wählt das/die HTML-Element(e) aus
Beispiel
w3.hide('p') // Hide all <p> elements
Kennen Sie CSS-Selektoren?
W3.JS verwendet die CSS-Syntax, um HTML-Elemente auszuwählen und zu manipulieren.
Selektoren werden verwendet, um HTML-Elemente basierend auf ihrem Tag-Namen, ihrer ID, ihren Klassen, Typen, Attributen, Werten von Attributen und vielem mehr zu „finden“ (auszuwählen). Eine Liste aller Selektoren finden Sie in unserer CSS-Selektor-Referenz .
Selektor-Beispiele
Um HTML-Elemente auszuwählen, verwenden Sie einen Tag-Namen:
Alle <h2>-Elemente ausblenden:
w3.hide('h2')
Um ein Element mit einer bestimmten ID auszuwählen, schreiben Sie ein Hash-Zeichen, gefolgt von der ID des HTML-Elements:
Verstecke ein Element mit id="London":
w3.hide('#London')
Um Elemente mit einer bestimmten Klasse auszuwählen, schreiben Sie einen Punkt, gefolgt vom Namen der Klasse:
Alle Elemente mit class="city" ausblenden:
w3.hide('.city')
Weitere Selektor-Beispiele
Selector | Description | Example |
---|---|---|
("*") | Selects all elements in the document | |
(this) | Selects the current HTML element | |
("p.intro") | Selects all <p> elements with class="intro" | |
("div p") | Selects all <p> element inside all <div> elements | |
("div p:first-child") | Selects the first <p> element inside all <div> elements | |
("[href]") | Selects all elements with an href attribute | |
("a[target=_blank]") | Selects all <a> elements with a target attribute value equal to "_blank" | |
("p:nth-child(even)") | Selects all even <p> elements |
Eine vollständige Referenz aller CSS-Selektoren finden Sie in unserer CSS-Selektoren-Referenz .