English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Méthode removeClass() de jQuery

jQuery HTML/Méthodes CSS

La méthode removeClass() supprime un ou plusieurs noms de classes des éléments sélectionnés.

Si le nom de la classe est inclus en tant que paramètre, seule cette classe sera supprimée.

Si le nom de la classe n'est pas spécifié dans les paramètres, toutes les classes seront supprimées.

Syntaxe :

Supprimez toutes les classes

$("selector").removeClass()

Supprimez la classe spécifiée

$("selector").removeClass(className)

Utilisez une fonction pour supprimer une classe

$("selector").removeClass(function(index, currentClass))

Exemple

Supprimez le nom de la classe "highlight" de tous les éléments <p> :

$("button").click(function(){
  $("p").removeClass("highlight");
});
Voyons si ça marche‹/›

On peut supprimer une classe ou plusieurs classes (séparées par des espaces) à partir d'un ensemble d'éléments sélectionnés, comme montré ci-dessous :

$("button").click(function(){
  $("p").removeClass("highlight big");
});
Voyons si ça marche‹/›

Si le nom de la classe n'est pas spécifié dans les paramètres, toutes les classes seront supprimées :

$("button").click(function(){
  $("p").removeClass();
});
Voyons si ça marche‹/›

Utilisez removeClass (supprimez une classe et utilisez addClass() pour ajouter une nouvelle classe) :

$("button").click(function(){
  $("p").removeClass("red").addClass("green");
});
Voyons si ça marche‹/›

Valeur du paramètre

ParamètresDescription
classNameSpécifiez une ou plusieurs classes à supprimer (séparées par des espaces)
Attention :Si ce paramètre est vide, toutes les classes seront supprimées
function(index, currentClass)

Fonction retournant un ou plusieurs noms de classes à supprimer, séparés par des espaces

  • index-Retourner la position de l'élément dans l'ensemble

  • currentClass-Retourner le nom de la classe actuelle de l'élément sélectionné

jQuery HTML/Méthodes CSS