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

jQuery toggleClass() 方法

jQuery HTML/Méthodes CSS

toggleClass()方法对添加和删除所选元素中的一个或多个类名称之间切换。

此方法检查每个元素的指定类名称:

  • 如果缺少类名,则添加

  • 如果已经设置了类名,则将其删除

但是,通过使用state参数,您可以指定仅删除或仅添加类名称。

语法:

切换类名:

$(selector).toggleClass(className)

Utilisationstate参数切换类:

$(selector).toggleClass(className, state)

使用函数切换类:

$(selector).toggleClass(function(index, currentClass), state)

实例

Basculer entre l'ajout et la suppression de la classe "anotherClass" entre tous les éléments <p>.

$("button").click(function() {
  $("p").toggleClass("anotherClass");
});
Voyons si‹/›

UtilisationstateParamètres pour ajouter ou supprimer uniquement les noms de classes :

$("button").click(function() {
  $("p").toggleClass("anotherClass", true);
});
Voyons si‹/›

Valeur du paramètre

ParamètresDescription
classNameSpécifiez à ajouter/Classe(s) supprimée(s) (séparées par des espaces)
stateUn booléen, qui détermine s'il faut ajouter (true) ou supprimer la classe (false)
function(index, currentClass)Fonction, qui retourne un ou plusieurs (séparés par des espaces) des noms de classes, cette classe sera ajoutée aux noms de classes existants ou supprimée des noms de classes existants.
  • 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