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 :

css.red {
  color: red;
}
  
.zzz {
  font-style: italic;
}

La classe zzz est appliquée au paragraphe :

html<p class="zzz" id="test">text</p>
<button>click</button>

Ajoutons uniquement la classe red lors d'un clic :

javascript$('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.