Méthode jQuery toggleClass()
Exemple
Basculez entre l'ajout et la suppression du nom de classe "main" pour tous les éléments <p> :
$("button").click(function(){
$("p").toggleClass("main");
});
Définition et utilisation
La méthode toggleClass() bascule entre l'ajout et la suppression d'un ou plusieurs noms de classe des éléments sélectionnés.
Cette méthode vérifie chaque élément pour les noms de classe spécifiés. Les noms de classe sont ajoutés s'ils sont manquants et supprimés s'ils sont déjà définis - Cela crée un effet de bascule.
Cependant, en utilisant le paramètre "switch", vous pouvez spécifier de supprimer uniquement ou d'ajouter uniquement un nom de classe.
Syntaxe
$(selector).toggleClass(classname,function(index,currentclass),switch)
| Parameter | Description |
|---|---|
| classname | Required. Specifies one or more class names to add or remove. To specify several classes, separate the class names with a space |
| function(index,currentclass) | Optional. Specifies a function that returns one or more class names to add/remove
|
| switch | Optional. A Boolean value specifying if the class should only be added (true), or only be removed (false) |
Essayez-le vous-même - Exemples
de classe Comment utiliser la méthode toggleClass() pour basculer entre l'ajout et la suppression d'un nom de classe.
Utilisation d'une fonction pour spécifier les noms de classe à basculer pour les éléments sélectionnés.
Comment utiliser le paramètre switch pour ajouter ou supprimer uniquement un nom de classe.