Seletores W3.JS
Seletores W3.JS
W3.JS seleciona elementos HTML e executa ações no(s) elemento(s) selecionado(s):
w3.action(selector)
- A ação () é executada no(s) elemento(s) selecionado(s)
- O ( seletor ) seleciona o(s) elemento(s) HTML
Exemplo
w3.hide('p') // Hide all <p> elements
Você conhece os seletores CSS?
O W3.JS usa a sintaxe CSS para selecionar e manipular elementos HTML.
Seletores são usados para "encontrar" (selecionar) elementos HTML com base em seu nome de tag, id, classes, tipos, atributos, valores de atributos e muito mais. Uma lista de todos os seletores pode ser encontrada em nosso CSS Selector Reference .
Exemplos de seletores
Para selecionar elementos HTML, use um nome de tag:
Ocultar todos os elementos <h2>:
w3.hide('h2')
Para selecionar um elemento com um id específico, escreva um caractere hash, seguido do id do elemento HTML:
Oculte um elemento com id="London":
w3.hide('#London')
Para selecionar elementos com uma classe específica, escreva um caractere de ponto final, seguido do nome da classe:
Oculte todos os elementos com class="city":
w3.hide('.city')
Mais exemplos de seletores
| 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 |
Para uma referência completa de todos os seletores CSS, acesse nossa Referência de seletores CSS .