Selektory W3.JS
Selektory W3.JS
W3.JS vybere prvky HTML a provede akce s vybranými prvky:
w3.action(selector)
- Akce () se provede na vybraném prvku (prvcích )
- Volič ( ) vybere element(y) HTML
Příklad
w3.hide('p') // Hide all <p> elements
Znáte selektory CSS?
W3.JS používá syntaxi CSS k výběru a manipulaci s prvky HTML.
Selektory se používají k „vyhledání“ (výběru) prvků HTML na základě jejich názvu tagu, id, tříd, typů, atributů, hodnot atributů a mnoho dalšího. Seznam všech selektorů naleznete v naší příručce CSS Selector Reference .
Příklady selektoru
Chcete-li vybrat prvky HTML, použijte název značky:
Skrýt všechny prvky <h2>:
w3.hide('h2')
Chcete-li vybrat prvek s konkrétním ID, napište znak hash následovaný ID prvku HTML:
Skrýt prvek s id="London":
w3.hide('#London')
Chcete-li vybrat prvky s konkrétní třídou, napište znak tečky následovaný názvem třídy:
Skrýt všechny prvky pomocí class="city":
w3.hide('.city')
Další příklady selektoru
| 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 |
Úplnou referenci všech selektorů CSS naleznete v naší Referenční příručce selektorů CSS .