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

在 JavaScript 中，我们可以使用 .css() 函数来修改 HTML 元素的样式。但有时候我们需要删除之前添加的样式，该怎么办呢？这里提供两种方式。

方法一：使用 .removeAttr() 函数

.removeAttr() 函数可以移除元素的属性，因此可以用它来移除样式。以下是示例代码：

// 添加样式
$('#myElement').css('background-color', 'red');
// 移除样式
$('#myElement').removeAttr('style');

上面的代码中，我们首先使用 .css() 函数向元素添加了背景颜色为红色的样式，然后使用 .removeAttr() 函数来移除元素的 style 属性，从而删除了之前添加的样式。

方法二：使用 .css() 函数

.css() 函数除了可以用来添加样式之外，还可以用来删除样式。具体来说，当我们向元素设置样式时，可以将样式的值设置为 null 或 ""，这样就可以删除该样式。以下是示例代码：

// 添加样式
$('#myElement').css('background-color', 'red');
// 移除样式
$('#myElement').css('background-color', null);
// 或者
$('#myElement').css('background-color', '');

上面的代码中，我们首先使用 .css() 函数向元素添加了背景颜色为红色的样式，然后使用 .css() 函数来将该样式的值设置为 null 或 ""，从而删除了之前添加的样式。

综上所述，上述方法都可以用来删除样式。具体使用哪一种方法，取决于你的具体需求。