Ajouter ou supprimer une classe CSS
addClass(classe) addClass
Ajoute la classe CSS spécifiée à tous les éléments sélectionnés.
$("p:last").addClass("selection") : ajoute la classe selection au dernier paragraphe.
Cette méthode retourne un objet jQuery.
Commentaires
Il faut noter que cette méthode ne remplace pas une classe. Elle ajoute simplement une classe.
Il est possible d’ajouter plus d’une classe à la fois. Elles sont notées les unes à la suite des autres, séparées par un espace, soit :
addClass(classe1 classe2 classe3)
Cette méthode addClass() est souvent associée à la méthode removeClass() pour créer un effet de commutation.
removeClass(classe) removeClass
Supprime la classe spécifiée à tous les éléments sélectionnés.
$("p:last").removeClass("selection") : supprime la classe selection du dernier paragraphe.
Cette méthode retourne un objet jQuery.
Exemple
Au survol d’un paragraphe par le curseur, mettons celui-ci en évidence en le dotant d’un arrière-plan de couleur. Cet effet se réalise en ajoutant une classe au passage de la souris.
La fenêtre sans qu’aucun paragraphe ne soit survolé.
La fenêtre avec un paragraphe survolé.
Le fichier HTML complet :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8"> ...
Conditions générales d'utilisationCopyright - © Editions ENI ||Politique de protection des données du groupe ENI