Selektory W3.JS
Selektory W3.JS
W3.JS wybiera elementy HTML i wykonuje akcje na wybranych elementach:
w3.action(selector)
- Akcja ( ) jest wykonywana na wybranym elemencie(ach)
- ( selektor ) wybiera element(y) HTML
Przykład
w3.hide('p') // Hide all <p> elements
Czy znasz selektory CSS?
W3.JS używa składni CSS do wybierania i manipulowania elementami HTML.
Selektory są używane do "znajdowania" (wybierania) elementów HTML na podstawie ich nazwy znacznika, identyfikatora, klas, typów, atrybutów, wartości atrybutów i wielu innych. Listę wszystkich selektorów można znaleźć w naszym podręczniku CSS Selector Reference .
Przykłady selektorów
Aby wybrać elementy HTML, użyj nazwy tagu:
Ukryj wszystkie elementy <h2>:
w3.hide('h2')
Aby wybrać element o określonym identyfikatorze, napisz znak hash, a następnie identyfikator elementu HTML:
Ukryj element z id="London":
w3.hide('#London')
Aby wybrać elementy z określoną klasą, wpisz kropkę, a następnie nazwę klasy:
Ukryj wszystkie elementy z class="city":
w3.hide('.city')
Więcej przykładów selektorów
| 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 |
Aby uzyskać pełne informacje na temat wszystkich selektorów CSS, przejdź do naszej dokumentacji dotyczącej selektorów CSS .