Sélecteurs W3.JS

W3.JS sélectionne les éléments HTML et exécute des actions sur les éléments sélectionnés :

w3.action(selector)

L' action () est effectuée sur le(s) élément(s) sélectionné(s)
Le ( sélecteur ) sélectionne le(s) élément(s) HTML

Exemple

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

Connaissez-vous les sélecteurs CSS ?

W3.JS utilise la syntaxe CSS pour sélectionner et manipuler les éléments HTML.

Les sélecteurs sont utilisés pour "trouver" (sélectionner) des éléments HTML en fonction de leur nom de balise, de leur identifiant, de leurs classes, de leurs types, de leurs attributs, de leurs valeurs et bien plus encore. Une liste de tous les sélecteurs peut être trouvée dans notre CSS Selector Reference .

Exemples de sélecteur

Pour sélectionner des éléments HTML, utilisez un nom de balise :

Masquez tous les éléments <h2> :

w3.hide('h2')

Pour sélectionner un élément avec un identifiant spécifique, écrivez un caractère dièse, suivi de l'identifiant de l'élément HTML :

Masquer un élément avec id="London":

w3.hide('#London')

Pour sélectionner des éléments avec une classe spécifique, écrivez un point suivi du nom de la classe :

Cachez tous les éléments avec class="city":

w3.hide('.city')

Plus d'exemples de sélecteurs

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

Pour une référence complète de tous les sélecteurs CSS, veuillez consulter notre Référence des sélecteurs CSS .

❮ Précédent Suivant ❯