jquery修改class

使用 jQuery 修改 class

jQuery 提供了多种方法来修改元素的 class 属性，以下是几种常见的方式：

添加 class

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

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

移除 class

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

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

切换 class

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

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

替换 class

如果需要替换一个 class 为另一个 class，可以结合 removeClass() 和 addClass() 使用。

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

检查 class 是否存在

使用 hasClass() 方法可以检查元素是否包含指定的 class。

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

直接修改 class 属性

使用 attr() 方法可以直接修改元素的 class 属性。

$("#element").attr("class", "newClass");

这些方法可以根据实际需求灵活组合使用，以实现对元素 class 的动态控制。