W3.JS Kiesers
W3.JS Kiesers
W3.JS kies HTML-elemente en voer aksies uit op die geselekteerde element(e):
w3.action(selector)
- Die aksie () word uitgevoer op die geselekteerde element(e)
- Die ( selector ) kies die HTML-element(e)
Voorbeeld
w3.hide('p') // Hide all <p> elements
Is jy vertroud met CSS-keurders?
W3.JS gebruik die CSS-sintaksis om HTML-elemente te kies en te manipuleer.
Kiesers word gebruik om HTML-elemente te "vind" (kies) gebaseer op hul merkernaam, ID, klasse, tipes, eienskappe, waardes van eienskappe en nog baie meer. 'n Lys van alle keurders kan gevind word in ons CSS Selector Reference .
Kieser voorbeelde
Om HTML-elemente te kies, gebruik 'n merkernaam:
Versteek alle <h2>-elemente:
w3.hide('h2')
Om 'n element met 'n spesifieke id te kies, skryf 'n hash-karakter, gevolg deur die id van die HTML-element:
Versteek 'n element met id="London":
w3.hide('#London')
Om elemente met 'n spesifieke klas te kies, skryf 'n puntkarakter, gevolg deur die naam van die klas:
Versteek alle elemente met class="city":
w3.hide('.city')
Meer keurder voorbeelde
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 |
Vir 'n volledige verwysing van alle CSS-keurders, gaan asseblief na ons CSS-keurdersverwysing .