toggleClass详解

toggleClass()是一个jQuery方法，用于在元素之间切换一个或多个类。

该方法的语法如下：

$(selector).toggleClass(class1, class2, ...)

• selector：表示要切换类的元素选择器。
• class1, class2, ...：要切换的一个或多个类名。

该方法的作用是，在被选元素上添加指定的类，如果元素已经有该类，则移除该类。通过反复调用toggleClass()方法，可以实现添加或删除类的切换。

以下是toggleClass()方法的一些使用示例：

1. 切换一个类：

$("div").toggleClass("myClass");

这将在所有 div 元素上切换 myClass 类的存在。

2. 切换多个类：

$("p").toggleClass("class1 class2");

这将在所有 p 元素上切换 class1 和 class2 类的存在。

3. 根据条件切换类：

$("div").toggleClass(function() {
  return $(this).is(".selected") ? "active" : "inactive";
});

这将根据 div 元素是否具有 .selected 类来切换它们的类。

4. 使用第二个参数来强制添加或删除类：

$("p").toggleClass("myClass", true); // 强制添加 myClass 类
$("p").toggleClass("myClass", false); // 强制删除 myClass 类