Selettori W3.JS

W3.JS seleziona gli elementi HTML ed esegue azioni sugli elementi selezionati:

w3.action(selector)

L' azione () viene eseguita sugli elementi selezionati
Il ( selettore ) seleziona gli elementi HTML

Esempio

w3.hide('p') // Hide all <p> elements

Conoscete i selettori CSS?

W3.JS utilizza la sintassi CSS per selezionare e manipolare elementi HTML.

I selettori vengono utilizzati per "trovare" (selezionare) elementi HTML in base al nome del tag, all'id, alle classi, ai tipi, agli attributi, ai valori degli attributi e molto altro. Un elenco di tutti i selettori può essere trovato nel nostro CSS Selector Reference .

Esempi di selezione

Per selezionare gli elementi HTML, usa un nome di tag:

Nascondi tutti gli elementi <h2>:

w3.hide('h2')

Per selezionare un elemento con un ID specifico, scrivi un carattere hash, seguito dall'id dell'elemento HTML:

Nascondi un elemento con id="Londra":

w3.hide('#London')

Per selezionare elementi con una classe specifica, scrivi un punto, seguito dal nome della classe:

Nascondi tutti gli elementi con class="city":

w3.hide('.city')

Altri esempi di selezione

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

Per un riferimento completo di tutti i selettori CSS, vai al nostro Riferimento sui selettori CSS .

❮ Precedente Prossimo ❯