`.toggleClass()` 方法详解

.toggleClass() 方法详解

在JavaScript中，.toggleClass() 是一个非常有用的jQuery方法，它允许开发者根据条件动态地添加或移除CSS类。本文将详细介绍 .toggleClass() 方法的用法、参数、返回值以及它在实际开发中的应用。

1. 方法概述

.toggleClass() 方法可以用来切换元素的类名。如果元素已经包含指定的类，它会移除该类；如果没有包含，则会添加该类。这个方法非常适合用于响应某些事件，如点击、鼠标悬停等。

2. 使用方法

.toggleClass(class, [condition])

• class: 要切换的CSS类名。
• [condition]: 可选参数，一个布尔值或函数。如果提供了这个参数，.toggleClass() 将根据条件来决定是否切换类名。

3. 参数详解

3.1 class

class 参数是必需的，它指定了要切换的CSS类名。你可以传递一个类名或一个包含多个类名的字符串。

$("#myElement").toggleClass("myClass");

在上面的例子中，如果 #myElement 元素已经包含 myClass 类，它将被移除；如果没有，则会被添加。

3.2 [condition]

[condition] 参数是可选的，它决定了是否切换类名。如果提供了这个参数，.toggleClass() 将根据条件来决定是否切换类名。<