Derniers tutoriels de développement web
 

jQuery toggleClass() Method

<JQuery HTML / Méthodes CSS

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
  • index - Renvoie la position d'index de l'élément dans l'ensemble
  • currentclass - Retourne le nom de la classe actuelle d'éléments sélectionnés
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.


<JQuery HTML / Méthodes CSS