如何在jQuery中删除CSS属性

if(prev_clicked)
{   
    $("#accordion li a.category").css('background-image', 'url("img/off_all_channel.png")');                    
    $("#accordion li a.comment").css('background-image', 'url("img/on_all_online.png")');                   
    $(".icha0").removeProperty("background-color");
    $(".icha0").removeProperty("opacity");
}
else
{   
   $(".icha0").css("background-color","#D5D5D2");
   $(".icha0").css("opacity","0.70");
}

我正在尝试删除添加的两个CSS属性，但似乎无法正常工作。可以吗

您可以通过以下方式删除它们：

$(".icha0").css({ 'background-color' : '', 'opacity' : '' });

您也可以使用.css()删除css属性，如下所示：

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

如jquery文档中所述：

将样式属性的值设置为空字符串，例如$（'＃mydiv'）。css（'color'，''）-如果该属性已被直接应用，则将其从元素中删除，

要删除嵌入式CSS属性，请使用：

$('.className').css({propertyName: ''});

要删除元素的整个内联样式，请使用：

$('.className').removeAttr('style');

我还发现了从样式（单独文件）使用中删除CSS属性的建议：

$（'。className'）。style.propertyName ='';

但是我根本无法使它正常工作，因此我仅将其放在此处供参考。

您可以将属性设置回空白：

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

或者，您可以更改代码以使用CSS文件中定义的类：

$(".icha0").addClass('properties'); 
$(".icha0").removeClass('properties');

我们有两种方法，您可以直接删除应用于DOM元素的已应用CSS样式类，也可以从element中删除已应用的CSS样式。

//Remove the class associated with element

$('#ID').removeClass("cssClass");

//Remove the CSS style from DOM element

$('p').css({"color":""});

我遇到了这个问题，但是在这里我没有看到任何可以满足操作要求的解决方案。大多数解决方案建议摆脱不值得的整个样式属性。

我使用了jQuery的prop方法。

var styleObject = $('my-selector').prop('style'); 

styleObject.removeProperty('background-color');

替代不理想的选择，但可能解决各种问题。向元素添加一个新类，其值具有herit：

的CSS

.clearCSS {
    background-color: inherit !important;
}

jQuery的

$(".icha0").addClass('clearCSS'); 

从字面上看，这是此答案的复制粘贴，我用它来清除我在先前执行的函数中用jQuery添加的CSS样式。

要删除嵌入式CSS属性，请使用：

$('.className').css({propertyName: ''});   

要删除元素的整个内联样式，请使用：

$('.className').removeAttr('style');

或按ID：

$('#idName').removeAttr('style');

要删除JQuery中的所有CSS属性，可以使用以下代码：

    $(".selector").removeClass().removeAttr('style');

谢谢。

如果您需要删除而不更新特定属性，则可以简单地使用 removeProp而不是removeProperty：

$(".icha0").removeProp("background-color");
$(".icha0").removeProp("opacity");