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

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

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

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


当前回答

试试这个

$(".ClassName").css('color','');
Or 
$("#Idname").css('color','');

其他回答

使用我的插件:

$.fn.removeCss=function(all){
        if(all===true){
            $(this).removeAttr('class');
        }
        return $(this).removeAttr('style')
    }

对于你的情况,使用它如下:

$(<mySelector>).removeCss();

or

$(<mySelector>).removeCss(false);

如果你想删除定义在类中的CSS:

$(<mySelector>).removeCss(true);

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

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

Try

document.body.style=''

$("身体"). css(“背景颜色”,“红”); 函数clean() { document.body.style = " } 正文{background-color:黄色;} < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js " > < /脚本> <按钮onclick = "清洁()“>删除样式> < /按钮

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

removeAttr( 'style' );

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

试试这个:

$('#divID').css({"background":"none"});// remove existing

$('#divID').css({"background":"#bada55"});// add new color here.

谢谢