如何删除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属性，但它似乎不工作。 尽pipe？

Answer 1

你可以通过以下方式删除

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

Answer 2

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

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

正如在jQuery文档中提到的：

将样式属性的值设置为空string，例如$（'＃mydiv'）。css（'color'，''） – 如果元素已经被直接应用，

Answer 3

您可以将属性重新设置为空白：

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

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

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

Answer 4

要删除内嵌的CSS属性，请使用：

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

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

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

我也发现这个build议从样式（单独的文件）中删除CSS属性使用：

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

但是我根本无法工作，所以我只是在FYI把它放在这里。

Answer 5

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

 //Remove the class associated with element $('#ID).removeClass ("cssClass") //Remove the css style from DOM element $('p').css({"color":""})