jquery移除css样式

使用 removeAttr() 方法移除内联样式

通过 removeAttr() 可以直接移除元素上通过 style 属性定义的 CSS 样式。例如，移除 div 元素的 style 属性：

$("div").removeAttr("style");

此方法会清除所有内联样式，但不会影响通过 CSS 类或外部样式表定义的样式。

使用 removeClass() 移除关联的 CSS 类

如果样式是通过 CSS 类添加的，调用 removeClass() 并指定类名即可移除样式：

$("div").removeClass("highlight");

若需移除多个类，可以用空格分隔类名：

$("div").removeClass("highlight border shadow");

使用 css() 方法重置样式属性

通过 css() 将特定样式属性设为空字符串或初始值，可单独移除样式：

$("div").css("color", ""); // 移除颜色样式
$("div").css({ "font-size": "", "background": "none" }); // 批量移除

此方式适用于精确控制需要移除的样式属性。

动态切换样式类实现样式移除

结合 addClass() 和 removeClass()，通过切换类名实现样式更新：

$("button").click(function() {
    $("div").removeClass("active-style").addClass("default-style");
});

此方法适合需要频繁切换样式的场景。

注意事项

• removeAttr("style") 会彻底移除内联样式，可能导致布局变化。
• 通过 CSS 类定义的样式优先级低于内联样式，移除类后可能暴露更高优先级的样式。
• 使用 css() 重置属性时，某些属性（如 display）可能需要明确设置为默认值（如 block 或 inline）。