我正在用jQuery改变CSS，我希望删除我根据输入值添加的样式:
if(color != '000000') $("body").css("background-color", color); else // remove style ?
我该怎么做呢? 请注意，每当使用颜色选择器选择颜色时，上面的行就会运行。当鼠标移动到一个色轮上时)。
第二注意:我不能这样做与css("background-color"， "none")，因为它将删除默认样式从css文件。 我只是想删除jQuery添加的背景色内联样式。
当前回答
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' );
这假设您希望删除所有动态样式并返回到样式表样式。
如果你使用CSS样式，你可以使用:
$("#element").css("background-color","none");
然后替换为:
$("#element").css("background-color", color);
如果你不使用CSS样式，你在HTML元素中有属性，你可以使用:
$("#element").attr("style.background-color",color);
比如:
var myCss = $(element).attr('css');
myCss = myCss.replace('background-color: '+$(element).css('background-color')+';', '');
if(myCss == '') {
$(element).removeAttr('css');
} else {
$(element).attr('css', myCss);
}
2018
有本地API
element.style.removeProperty(propery)
试试这个:
$('#divID').css({"background":"none"});// remove existing
$('#divID').css({"background":"#bada55"});// add new color here.
谢谢
