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

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

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

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


当前回答

使用我的插件:

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

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

$(<mySelector>).removeCss();

or

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

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

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

其他回答

只是用:

$('.tag-class').removeAttr('style');

or

$('#tag-id').removeAttr('style');

这个也可以!!

$elem.attr('style','');

为什么不让你想要删除一个CSS类的样式呢?现在你可以使用:. removeclass()。 这也开启了使用.toggleClass()的可能性:

(如果存在,则删除该类,如果不存在则添加该类。)

在处理布局问题时,添加/删除类也会减少更改/故障排除的混乱(而不是试图找出特定样式消失的原因)。

使用我的插件:

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

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

$(<mySelector>).removeCss();

or

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

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

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

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

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