jquery设置class

使用 jQuery 设置 class

jQuery 提供了多种方法来操作元素的 class 属性，以下是常用的几种方式：

添加 class

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

$("#element").addClass("new-class");
$("#element").addClass("class1 class2");

移除 class

使用 removeClass() 方法可以移除元素的一个或多个 class。如果不指定参数，会移除所有 class。

$("#element").removeClass("old-class");
$("#element").removeClass("class1 class2");
$("#element").removeClass(); // 移除所有 class

切换 class

使用 toggleClass() 方法可以切换元素的 class。如果 class 存在则移除，不存在则添加。

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

检查 class 是否存在

使用 hasClass() 方法可以检查元素是否包含指定的 class，返回布尔值。

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

替换 class

jQuery 没有直接提供替换 class 的方法，但可以通过组合 removeClass() 和 addClass() 实现。

$("#element").removeClass("old-class").addClass("new-class");

这些方法可以灵活地操作元素的 class 属性，适用于动态修改样式或状态的需求。