8 of 119 menu

Méthode addClass

La méthode addClass ajoute une classe CSS spécifiée à un élément.

Syntaxe

Une seule classe CSS :

$(sélecteur).addClass(nom de la classe CSS);

Plusieurs classes CSS (sous forme de chaîne) :

$(sélecteur).addClass('classe1 classe2 classe3 ...');

Plusieurs classes CSS (sous forme de tableau) :

$(sélecteur).addClass(['classe1', 'classe2', 'classe3', '...']);

Application d'une fonction à chaque élément de la sélection :

$(sélecteur).addClass(function(index dans la sélection, classes CSS actuelles de l'élément));

Exemple

Notre paragraphe n'a aucune classe. Ajoutons-lui la classe www :

<p id="test">text</p> $('#test').addClass('www');

Le code HTML deviendra alors :

<p id="test" class="www">text</p>

Exemple

Notre paragraphe a déjà une classe. Ajoutons-lui également la classe www :

<p id="test" class="eee">text</p> $('#test').addClass('www');

Le code HTML deviendra alors :

<p id="test" class="eee www">text</p>

Exemple

Notre paragraphe a déjà deux classes. Ajoutons-lui également la classe www :

<p id="test" class="eee ggg">text</p> $('#test').addClass('www');

Le code HTML deviendra alors :

<p id="test" class="eee ggg www">text</p>

Exemple

Notre paragraphe a déjà une classe. Ajoutons-lui deux classes supplémentaires - www et ggg :

<p id="test" class="eee">text</p> $('#test').addClass('www ggg');

Le code HTML deviendra alors :

<p id="test" class="eee www ggg">text</p>

Voir aussi

← →
↑
azbydeenesfrkakkptruuz