如何删除jQuery中的css属性

如何删除jQuery中的css属性,jquery,Jquery,我试图删除我添加的两个css属性,但它似乎不起作用。 尽管如此?您可以将属性设置回空白: $(“.icha0”).css(“背景色”) 或者,您可以更改代码以使用CSS文件中定义的类: if(prev_clicked) { $("#accordion li a.category").css('background-image', 'url("img/off_all_channel.png")'); $("#accordion li a

我试图删除我添加的两个css属性,但它似乎不起作用。
尽管如此?

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

$(“.icha0”).css(“背景色”)

或者,您可以更改代码以使用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");
}

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

$(".icha0").addClass('properties'); 
$(".icha0").removeClass('properties');
您也可以使用删除css属性,如下所示:

$(".icha0").css({ 'background-color' : '', 'opacity' : '' });
正如jquery文档中提到的:

将样式属性的值设置为空字符串-例如$('#mydiv').css('color','')-如果已直接应用该属性,则从元素中移除该属性


要删除内嵌CSS属性,请使用:

$(".icha0").css("background-color","");
$(".icha0").css("opacity","");
要删除图元的整个内嵌样式,请使用:

$('.className').css({propertyName: ''});
我还发现了以下建议,即从样式(单独文件)中删除CSS属性:

$('.className').style.propertyName=''


但是我根本无法让它工作,所以我把它放在这里仅供参考。

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

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

另一种选择,可以解决一些问题

向元素添加一个新类,并为属性赋予值inherit!重要信息,例如:

css

jquery

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

这实际上是一个复制粘贴,我用它来清除我在以前执行的函数中用jQuery添加的CSS样式


要删除内嵌CSS属性,请使用:

$('.className').css({propertyName:'});
要删除图元的整个内嵌样式,请使用:

$('.className').removeAttr('style');
或按ID:

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

如果您需要删除而不是更新某个特定属性,您只需使用removeProp而不是removeProperty

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

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

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

谢谢。

我遇到了这个问题,但我在这里没有看到任何满足OP的解决方案。大多数解决方案建议去掉不值得的整个样式属性

我使用了jQuery的方法

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

使用jquery

    $(".selector").removeClass().removeAttr('style');
  $('#ID').removeAttr("style")
withoyt jquery

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

另外,请在这里发布之前尝试谷歌。我毫不怀疑你在这里发布的确切标题的第一个结果将返回一个可接受的结果。我不知道你从哪里得到了
.removeProperty()
。@Christian Varga,有趣的是,现在他发布了这个问题,这是谷歌的第一个结果。第二个结果是另一个正确的堆栈溢出答案。第三个是“removeProp()”,第四个是“removeAttr()”,这两个都是错误的。$('.className')。style.propertyName='';必须是$('.className')[0]。style.propertyName=''但这与jqeury css毫无关系:“但是,它不会删除样式表或元素中已应用css规则的样式”。现在回答这个问题有点晚了,但我认为这很重要。您必须记住,这只会删除在“style”属性中定义的元素属性。如果将属性集指定给类或类似对象,则此操作将不起任何作用。如果需要通过类删除属性集,则可以将其设置为“初始”,而不是“您保存了我的日期!”!如果在样式表中的类中设置了属性,则这些方法都不起作用。唯一对我有效的方法是使用
removeClass()
从元素中完全删除类。帮助删除了嵌套三维透视图中的锯齿边。为了解决反别名问题,试图删除其中一个透视图时我很沮丧,这篇文章救了我一天!非常感谢。这个答案没有什么新的,重复其他的答案是没有意义的。这正是我想要的