W3.JS-kiezers
W3.JS-kiezers
W3.JS selecteert HTML-elementen en voert acties uit op het/de geselecteerde element(en):
w3.action(selector)
- De actie () wordt uitgevoerd op het/de geselecteerde element(en)
- De ( selector ) selecteert het/de HTML-element(en)
Voorbeeld
w3.hide('p') // Hide all <p> elements
Ben je bekend met CSS-selectors?
W3.JS gebruikt de CSS-syntaxis om HTML-elementen te selecteren en te manipuleren.
Selectors worden gebruikt om HTML-elementen te "vinden" (selecteren) op basis van hun tagnaam, id, klassen, typen, attributen, waarden van attributen en nog veel meer. Een lijst van alle selectors is te vinden in onze CSS Selector Reference .
Selector Voorbeelden
Gebruik een tagnaam om HTML-elementen te selecteren:
Verberg alle <h2> elementen:
w3.hide('h2')
Om een element met een specifieke id te selecteren, schrijft u een hash-teken, gevolgd door de id van het HTML-element:
Verberg een element met id="London":
w3.hide('#London')
Om elementen met een specifieke klasse te selecteren, schrijf je een punt, gevolgd door de naam van de klasse:
Verberg alle elementen met class="city":
w3.hide('.city')
Meer Selector Voorbeelden
| 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 |
Voor een volledige referentie van alle CSS-kiezers, ga naar onze CSS-kiezersreferentie .