jQuery toggleClass()Méthodes

jQuery HTML/CSS 方法Méthodes HTML/CSS de jQuery

Exemples

Bascule l'ajout et la suppression de la classe "main" pour tous les éléments <p> :

$("button").click(function(){ $("p").toggleClass("main"); });

Essayez-le vous-même »

Définition et utilisation

La méthode toggleClass() bascule entre l'ajout et la suppression d'une ou plusieurs classes sur les éléments sélectionnés.

Cette méthode vérifie chaque élément pour la classe spécifiée. Si la classe n'existe pas, elle l'ajoute ; si elle est déjà définie, elle la supprime. C'est ce qu'on appelle l'effet de bascule.

Cependant, en utilisant le paramètre "switch", vous pouvez spécifier de supprimer uniquement ou d'ajouter uniquement des classes.

Syntaxe

$(selector).toggleClass(classname,function(index,currentclass),switch)

Paramètre Description
classname Requis. Spécifie un ou plusieurs noms de classe à ajouter ou à supprimer. Pour spécifier plusieurs classes, séparez les noms de classe par des espaces.
function(index,currentclass) Facultatif. Spécifie une fonction qui renvoie un ou plusieurs noms de classe à ajouter/supprimer.
  • index- Renvoie la position d'index de l'élément dans l'ensemble.
  • currentclass- Renvoie le nom de classe actuel de l'élément sélectionné.
switch Facultatif. Une valeur booléenne indiquant s'il faut uniquement ajouter (true) ou supprimer (false) la classe.

实例

Plus d’exemples

Basculer entre l'ajout et la suppression de classes
Comment utiliser la méthode toggleClass() pour basculer entre l'ajout et la suppression de classes.

Basculer des classes à l'aide d'une fonction
Utiliser une fonction pour spécifier le nom de classe que l'élément actuel doit basculer.

Utiliser le paramètre switch
Comment utiliser le paramètre switch pour uniquement ajouter ou supprimer des noms de classe.

jQuery HTML/CSS 方法Méthodes HTML/CSS de jQuery

Autres extensions