`.toggleClass()` 方法详解

.toggleClass()方法详解

在JavaScript中，.toggleClass()是jQuery库中的一个常用方法，用于切换元素的类名。本文将详细介绍.toggleClass()方法的使用方法、语法、返回值以及一些使用技巧。

1. 使用方法

.toggleClass()方法可以添加、移除或切换一个或多个类名。当类名不存在于元素上时，它会添加该类名；当类名已存在于元素上时，它会移除该类名；如果指定了多个类名，则所有类名的状态都会被切换。

2. 语法

jQuery对象.toggleClass(classNames, switch)

• jQuery对象: 要操作的jQuery对象。
• classNames: 要添加、移除或切换的类名，可以是一个类名，也可以是多个类名，使用空格分隔。
• switch（可选）: 布尔值，用于控制切换行为。如果为true，则切换类名；如果为false，则只添加类名。

3. 返回值

.toggleClass()方法返回修改后的jQuery对象，可以继续调用其他jQuery方法。

4. 示例

// 为所有p元素添加类名 "highlight" $("p").toggleClass("highlight"); // 为所有未添加类名 "active" 的p元素添加类名 "active" $("p").toggleClass("active", false); // 为所有添加了类名 "highlight" 的p元素移除类名 "highlight" $("p").togg