Selectores W3.JS
Selectores W3.JS
W3.JS selecciona elementos HTML y realiza acciones en los elementos seleccionados:
w3.action(selector)
- La acción () se realiza en los elementos seleccionados
- El ( selector ) selecciona los elementos HTML
Ejemplo
w3.hide('p') // Hide all <p> elements
¿Estás familiarizado con los selectores de CSS?
W3.JS usa la sintaxis CSS para seleccionar y manipular elementos HTML.
Los selectores se utilizan para "encontrar" (seleccionar) elementos HTML en función de su nombre de etiqueta, id, clases, tipos, atributos, valores de atributos y mucho más. Puede encontrar una lista de todos los selectores en nuestra Referencia de selectores de CSS .
Ejemplos de selectores
Para seleccionar elementos HTML, use un nombre de etiqueta:
Ocultar todos los elementos <h2>:
w3.hide('h2')
Para seleccionar un elemento con una identificación específica, escriba un carácter hash, seguido de la identificación del elemento HTML:
Ocultar un elemento con id="London":
w3.hide('#London')
Para seleccionar elementos con una clase específica, escriba un carácter de punto, seguido del nombre de la clase:
Ocultar todos los elementos con class="city":
w3.hide('.city')
Más ejemplos de selectores
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 obtener una referencia completa de todos los selectores de CSS, vaya a nuestra Referencia de selectores de CSS .