Ajout et suppression stricts de classe par la méthode toggleClass dans jQuery
Il est également possible de passer un paramètre d'état,
comme true ou false, à toggleClass.
Dans ce cas, la classe sera soit uniquement ajoutée,
soit uniquement supprimée.
Supposons que nous ayons les classes CSS suivantes :
.red {
color: red;
}
.zzz {
font-style: italic;
}
La classe zzz est appliquée au paragraphe :
<p class="zzz" id="test">text</p>
<button>click</button>
Ajoutons uniquement la classe red
lors d'un clic :
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Comme vous pouvez le voir, aucun changement ne se produit lors d'un nouveau clic.
Les trois méthodes mentionnées pour travailler
avec les classes - addClass,
removeClass,
toggleClass
- peuvent également accepter plusieurs classes comme paramètre
et permettent l'application d'une fonction à chaque élément de la sélection.
Corrigez le code de l'exemple donné ci-dessus - ajoutez d'abord
la classe red dans l'attribut, puis faites en sorte
que la classe red soit uniquement supprimée.
