如何使用 JavaScript 删除使用 .css()函数添加的样式？

在使用 .css() 函数添加样式后，我们可能需要在一定的条件下将其删除或修改。那么，该如何使用 JavaScript 删除使用 .css() 函数添加的样式呢？以下是几种常用方法：

1. 使用 .css() 函数设置样式为空值

可以通过 .css() 函数将样式值设置为空值来达到删除样式的效果。例如：

$('#element').css('color', '');

这会将 #element 元素的文本颜色属性值删除。

2. 使用 .removeAttr() 函数移除属性

可以使用 .removeAttr() 函数移除一个元素的属性，从而删除相关的样式。例如：

$('#element').removeAttr('style');

这会将 #element 元素的所有样式都删除。

3. 使用 .removeClass() 函数移除 class

可以使用 .removeClass() 函数移除元素的 class，从而删除相关的样式。例如：

$('#element').removeClass('my-class');

这会将 #element 元素上的 my-class 类的样式删除。

以上是几种常用的删除使用 .css() 函数添加的样式的方法，根据具体情况选择即可。