jquery删除class

jQuery 删除 class 的方法

使用 jQuery 删除元素的 class 可以通过 removeClass() 方法实现。该方法可以移除一个或多个 class，也可以不带参数调用以移除所有 class。

移除单个 class

语法：

$("selector").removeClass("className");

示例：

$("#myElement").removeClass("active");

这会将 id 为 myElement 的元素的 active class 移除。

移除多个 class

语法：

$("selector").removeClass("class1 class2");

示例：

$(".myClass").removeClass("active highlight");

这会移除所有带有 myClass class 的元素中的 active 和 highlight class。

移除所有 class

如果不带参数调用 removeClass()，会移除元素的所有 class。 语法：

$("selector").removeClass();

示例：

$("div").removeClass();

这会移除所有 div 元素的 class。

使用函数动态移除 class

removeClass() 也接受一个函数作为参数，函数的返回值是要移除的 class 名称。 语法：

$("selector").removeClass(function(index, currentClass) {
  return "classToRemove";
});

示例：

$("li").removeClass(function(index, currentClass) {
  return currentClass.split(" ")[0];
});

这会移除每个 li 元素的第一个 class。

注意事项

• 如果指定的 class 不存在，不会报错，方法会静默失败。
• 该方法不会影响元素的其他属性或内联样式。
• 可以与其他 jQuery 方法链式调用，如 $("#elem").removeClass("old").addClass("new");