你可以使用

removeAttr('style');

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 = "清洁()“>删除样式> < /按钮

比如:

var myCss = $(element).attr('css');
myCss = myCss.replace('background-color: '+$(element).css('background-color')+';', '');
if(myCss == '') {
  $(element).removeAttr('css');
} else {
  $(element).attr('css', myCss);
}

我讲了用纯JavaScript删除样式属性的方法让你们知道纯JavaScript的方法

var bodyStyle = document.body.style;
if (bodyStyle.removeAttribute)
    bodyStyle.removeAttribute('background-color');
else        
    bodyStyle.removeProperty('background-color');

这比其他一些解决方案更复杂，但可能在场景中提供更大的灵活性:

1)做一个类定义来隔离(封装)你想要有选择地应用/删除的样式。它可以是空的(对于这种情况，可能应该是空的):

.myColor {}

2)使用以下代码，基于gilly3的回答http://jsfiddle.net/kdp5V/167/:

function changeCSSRule(styleSelector,property,value) {
    for (var ssIdx = 0; ssIdx < document.styleSheets.length; ssIdx++) {
        var ss = document.styleSheets[ssIdx];
        var rules = ss.cssRules || ss.rules;
        if(rules){
            for (var ruleIdx = 0; ruleIdx < rules.length; ruleIdx++) {
                var rule = rules[ruleIdx];
                if (rule.selectorText == styleSelector) {
                    if(typeof value == 'undefined' || !value){
                        rule.style.removeProperty(property);
                    } else {
                        rule.style.setProperty(property,value);
                    }
                    return; // stops at FIRST occurrence of this styleSelector
                }
            }
        }
    }
}

使用示例:http://jsfiddle.net/qvkwhtow/

警告:

Not extensively tested. Can't include !important or other directives in the new value. Any such existing directives will be lost through this manipulation. Only changes first found occurrence of a styleSelector. Doesn't add or remove entire styles, but this could be done with something more elaborate. Any invalid/unusable values will be ignored or throw error. In Chrome (at least), non-local (as in cross-site) CSS rules are not exposed through document.styleSheets object, so this won't work on them. One would have to add a local overrides and manipulate that, keeping in mind the "first found" behavior of this code. document.styleSheets is not particularly friendly to manipulation in general, don't expect this to work for aggressive use.

以这种方式隔离样式就是CSS的全部，即使操纵它不是。操纵CSS规则不是jQuery的全部，jQuery操纵DOM元素，并使用CSS选择器来完成它。

使用我的插件:

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

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

$(<mySelector>).removeCss();

or

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

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

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