我正在用jQuery改变CSS,我希望删除我根据输入值添加的样式:

if(color != '000000') $("body").css("background-color", color); else // remove style ?

我该怎么做呢? 请注意,每当使用颜色选择器选择颜色时,上面的行就会运行。当鼠标移动到一个色轮上时)。

第二注意:我不能这样做与css("background-color", "none"),因为它将删除默认样式从css文件。 我只是想删除jQuery添加的背景色内联样式。


当前回答

如果你使用CSS样式,你可以使用:

$("#element").css("background-color","none"); 

然后替换为:

$("#element").css("background-color", color);

如果你不使用CSS样式,你在HTML元素中有属性,你可以使用:

$("#element").attr("style.background-color",color);

其他回答

在web开发中,简单是便宜的。我建议在删除特定样式时使用空字符串

$(element).style.attr = '  ';

这两个jQuery函数都可以工作:

$("#element").removeAttr("style");
$("#element").removeAttr("background-color") 

将属性更改为空字符串似乎可以完成工作:

$.css("background-color", "");

2018

有本地API

element.style.removeProperty(propery)

在我的测试中,接受的答案可以工作,但在DOM上留下一个空的样式属性。没什么大不了的,但这就完全消除了:

removeAttr( 'style' );

这假设您希望删除所有动态样式并返回到样式表样式。