Exemple
Basculer entre l' ajout et la suppression de la "main" nom de classe pour tous les <p> éléments:
$("button").click(function(){
$("p").toggleClass("main");
});
Essayez - le vous - même » Définition et utilisation
Le toggleClass() méthode permet de basculer entre l' ajout et la suppression d' un ou plusieurs noms de classe à partir 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 si manquant, et retiré si déjà défini - Cela crée un effet de bascule.
Cependant, en utilisant le paramètre "switch", vous pouvez spécifier pour supprimer uniquement, ou seulement ajouter un nom de classe.
Syntaxe
$(selector).toggleClass(classname,function(index,currentclass),switch)
Paramètre | La description |
---|---|
classname | Obligatoire. Indique un ou plusieurs noms de classe pour ajouter ou supprimer. Pour spécifier plusieurs classes, séparer les noms de classe avec un espace |
function(index,currentclass) | Optionnel. Indique une fonction qui renvoie un ou plusieurs noms de classe pour ajouter / supprimer
|
interrupteur | Optionnel. Une valeur booléenne indiquant si la classe ne doit être ajouté (true) , ou seulement être enlevé (false) |
Essayez-le vous-même - Exemples
Basculer entre l' ajout et la suppression d' un nom de classe
Comment utiliser le toggleClass() méthode pour basculer entre l' ajout et la suppression d' un nom de classe.
Les classes bascule à l' aide d' une fonction
Utilisation d'une fonction pour spécifier les noms de classe doivent être basculée pour les éléments sélectionnés.
En utilisant le paramètre de commutateur
Comment utiliser le paramètre de commutateur seulement ajouter ou supprimer un nom de classe.