如何在JQuery中删除css属性

Question

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属性,但它似乎无法正常工作.虽然怎么样？

Answer 1

你可以删除它们:

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

Answer 2

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

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

正如jquery文档中提到的:

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

Answer 3

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

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

要删除元素的整个内联样式,请使用:

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

我也发现这个建议从样式(单独的文件)中删除CSS属性:

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

但是我根本无法让它工作,所以我把它放在这里仅仅是因为它.

Answer 4

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

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

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

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

Answer 5

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

我使用了 jQuery 的prop方法。

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

styleObject.removeProperty('background-color');

Answer 6

用jquery

  $('#ID').removeAttr("style")

没有jquery

document.getElementById("ID").removeAttribute("style")

Answer 7

我们有两种方法，要么直接删除应用于 DOM 元素的 CSS 样式类，要么从元素中删除应用的 CSS 样式

//Remove the class associated with element

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

//Remove the CSS style from DOM element

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

Answer 8

替代选项，可以解决一些问题。

向元素添加一个新类，并赋予属性值继承！重要，例如：

CSS

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

jQuery

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

Answer 9

这实际上是这个答案的复制粘贴，我用它来清除我在之前执行的函数中使用 jQuery 添加的 CSS 样式。

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

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

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

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

或通过 ID：

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