jquery修改class

添加或移除 class

使用 addClass() 方法为元素添加一个或多个 class。多个 class 用空格分隔：

$("#element").addClass("class1 class2");

使用 removeClass() 方法移除元素的一个或多个 class。不传参数则移除所有 class：

$("#element").removeClass("class1");
$("#element").removeClass(); // 移除全部class

切换 class

toggleClass() 方法可切换 class 的存在状态。若元素有该 class 则移除，否则添加：

$("#element").toggleClass("active");

可添加第二个参数（布尔值）强制添加或移除：

$("#element").toggleClass("active", true); // 强制添加
$("#element").toggleClass("active", false); // 强制移除

检查 class 存在性

使用 hasClass() 方法检测元素是否包含特定 class，返回布尔值：

if ($("#element").hasClass("active")) {
  // 执行操作
}

替换 class

通过组合 removeClass() 和 addClass() 实现 class 替换：

$("#element").removeClass("oldClass").addClass("newClass");