jQuery 操作 class

使用 jQuery 操作 class 可以使用 `addClass()`、`removeClass()`、`toggleClass()` 和 `hasClass()` 方法。

- `addClass(className)`：向匹配的元素添加一个或多个类名。
- `removeClass(className)`：从所有匹配的元素中删除全部或者指定的类。
- `toggleClass(className)`：如果存在（不存在）就删除（添加）一个类。
- `hasClass(className)`：检查指定的类名是否存在于元素的 class 属性中。

例如，假设我们有以下 HTML 代码：

<div id="myDiv" class="foo bar"></div>

我们可以使用以下 jQuery 代码来操作它的 class：

// 添加一个类名
$("#myDiv").addClass("baz");

// 删除一个类名
$("#myDiv").removeClass("bar");

// 切换一个类名
$("#myDiv").toggleClass("active");

// 检查是否存在一个类名
if ($("#myDiv").hasClass("foo")) {
  console.log("myDiv has class foo");
}