Méthode removeClass
La méthode removeClass supprime
une classe CSS donnée de l'attribut
class. Il est
possible de supprimer une ou plusieurs classes simultanément.
Syntaxe
Une seule classe CSS :
$(sélecteur).removeClass(nom de la classe CSS)
Plusieurs classes CSS :
$(sélecteur).removeClass('classe1 classe2 classe3 ...')
Application d'une fonction à chaque élément de la sélection :
$(sélecteur).removeClass(function(numéro dans la sélection, classes CSS actuelles de l'élément))
Exemple
Notre paragraphe a déjà deux classes. Supprimons
la classe www :
<p id="test" class="eee www">text</p>
$('#test').removeClass('www');
Le code HTML deviendra alors :
<p id="test" class="eee">text</p>
Exemple
Notre paragraphe a déjà une classe. Supprimons cette classe :
<p id="test" class="www">text</p>
$('#test').removeClass('www');
Le code HTML deviendra alors :
<p id="test" class="">text</p>
Exemple
Notre paragraphe a déjà 3 classes.
Supprimons deux classes - www et
ggg :
<p id="test" class="eee www ggg">text</p>
$('#test').removeClass('www ggg');
Le code HTML deviendra alors :
<p id="test" class="eee">text</p>
Voir aussi
-
les méthodes
addClass,toggleClass,hasClass -
La propriété JavaScript
classlist,
qui permet d'ajouter et de supprimer des classes CSS d'un élément en JavaScript pur
