entityMap|blocks|key|9bdda|text|您可以通过以下方式删除它们：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|8mbvp|$(".icha0").css({+'background-color'+:+'',+'opacity'+:+''+});|code-block|syntax|javascript^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|H|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|I|9|@]|A|@]|B|$F|G]]]]

You can remove them by:

<pre><code>$(".icha0").css({ 'background-color' : '', 'opacity' : '' });
</code></pre>

entityMap|blocks|key|5u4bn|text|您可以使用.css()+要删除css属性，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3g44n|$(".icha0").css("background-color","");
$(".icha0").css("opacity","");|code-block|syntax|javascript|34utn|正如jquery文档中所提到的：|dtm11|将样式属性的值设置为空字符串-例如$('#mydiv').css('color'，'')+-如果该属性已经被直接应用，则从元素中移除该属性，^0|5|7|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|P|9|@$A|Q|B|R|C|D]]|E|@]|F|$]]|$2|G|4|H|6|I|8|S|9|@]|E|@]|F|$J|K]]|$2|L|4|M|6|7|8|T|9|@]|E|@]|F|$]]|$2|N|4|O|6|7|8|U|9|@]|E|@]|F|$]]]]

You can use <a href="http://api.jquery.com/css/" rel="noreferrer"><code>.css()</code></a> to remove css property as well, like this:

<pre><code>$(".icha0").css("background-color","");
$(".icha0").css("opacity","");
</code></pre>

As mentioned in the jquery documentation:

<blockquote>
 Setting the value of a style property to an empty string — e.g. $('#mydiv').css('color', '') — removes that property from an element if it has already been directly applied, 
</blockquote>

entityMap|blocks|key|7d7nt|text|要删除内联CSS属性，请使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|10dp9|$('.className').css({propertyName:+''});|code-block|syntax|javascript|ffndn|要删除元素的整个内联样式，请使用：|17qea|$('.className').removeAttr('style');|782o9|我还发现了这个建议，将CSS属性从样式(单独的文件)中删除，使用：|7ag9k|$('.className').style.propertyName+=+''；|a56ct|但是我根本不能让它工作，所以我把它放在这里仅供参考。^0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|R|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|S|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|T|9|@]|A|@]|B|$]]|$2|J|4|K|6|E|8|U|9|@]|A|@]|B|$F|G]]|$2|L|4|M|6|7|8|V|9|@]|A|@]|B|$]]|$2|N|4|O|6|7|8|W|9|@]|A|@]|B|$]]|$2|P|4|Q|6|7|8|X|9|@]|A|@]|B|$]]]]

To remove the in-line CSS property use:

<pre><code>$('.className').css({propertyName: ''});
</code></pre>

To remove the whole in-line style of an element use:

<pre><code>$('.className').removeAttr('style');
</code></pre>

I've also found this suggestion to remove the CSS property from styles (separate file) use:

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

BUT I couldn't get it to work at all, so I'm putting it here just FYI.

entityMap|blocks|key|i7b4|text|您可以将属性重新设置为空：$(".icha0").css("background-color","");|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|191m5|或者，您可以更改代码以使用CSS文件中定义的类：|2e9vb|$(".icha0").addClass('properties');+
$(".icha0").removeClass('properties');|code-block|syntax|javascript^0|D|13|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|N|9|@$A|O|B|P|C|D]]|E|@]|F|$]]|$2|G|4|H|6|7|8|Q|9|@]|E|@]|F|$]]|$2|I|4|J|6|K|8|R|9|@]|E|@]|F|$L|M]]]]

Either you can set the properties back to blank:

<code>$(".icha0").css("background-color","");</code>

Or you can change the code to use classes defined in a CSS file:

<pre><code>$(".icha0").addClass('properties'); 
$(".icha0").removeClass('properties');
</code></pre>

entityMap|0|type|LINK|mutability|MUTABLE|data|url|https://api.jquery.com/prop/|blocks|key|e47au|text|我遇到了这个问题，但我在这里没有看到任何满足操作员要求的解决方案。大多数解决方案都建议去掉整个样式属性，这是不值得的。|unstyled|depth|inlineStyleRanges|entityRanges|csebc|我使用了jQuery的prop方法。|offset|length|18rh9|var+styleObject+=+$('my-selector').prop('style');+

styleObject.removeProperty('background-color');|code-block|syntax|javascript^0|0|B|4|0|0^^$0|$1|$2|3|4|5|6|$7|8]]]|9|@$A|B|C|D|2|E|F|R|G|@]|H|@]|6|$]]|$A|I|C|J|2|E|F|S|G|@]|H|@$K|T|L|U|A|V]]|6|$]]|$A|M|C|N|2|O|F|W|G|@]|H|@]|6|$P|Q]]]]

I was having this problem but I have not seen any solution here that satisfies the OP. Most of the solutions suggest getting rid of the entire style attribute which is not worth it.

I used jQuery's <a href="https://api.jquery.com/prop/" rel="noreferrer">prop</a> method.

<pre class="lang-js prettyprint-override"><code>var styleObject = $('my-selector').prop('style'); 

styleObject.removeProperty('background-color');
</code></pre>

entityMap|blocks|key|8um04|text|另一种选择，可以解决一些问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2nuev|向元素添加一个新类，并为属性赋值继承！重要，例如：|86tor|css|9vjmj|.clearCSS+{
++++background-color:+inherit+!important;
}|code-block|syntax|javascript|eopkj|jquery|9pdqc|$(".icha0").addClass('clearCSS');^0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|P|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|Q|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|R|9|@]|A|@]|B|$]]|$2|G|4|H|6|I|8|S|9|@]|A|@]|B|$J|K]]|$2|L|4|M|6|7|8|T|9|@]|A|@]|B|$]]|$2|N|4|O|6|I|8|U|9|@]|A|@]|B|$J|K]]]]

Alternate option, that works around some problems.
Add a new class to the element, and give the properties the value inherit !important, eg:
css
<pre><code>.clearCSS {
 background-color: inherit !important;
}
</code></pre>
jquery
<pre><code>$(&quot;.icha0&quot;).addClass('clearCSS'); 
</code></pre>

entityMap|0|type|LINK|mutability|MUTABLE|data|url|https://stackoverflow.com/questions/9405689/how-to-remove-css-property-in-jquery/20090851#20090851|blocks|key|f56i3|text|从字面上看，这是从this+answer，并且我使用它来清除我在之前执行的函数中使用jQuery添加的CSS样式。|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|9pjgv|要删除内联CSS属性，请使用：|dhsug|$('.className').css({propertyName:+''});|code-block|syntax|javascript|2dnt9|要删除元素的整个内联样式，请使用：|c4052|$('.className').removeAttr('style');|7g7do|或按ID：|i70j|$('#idName').removeAttr('style');^0|9|B|0|0|0|0|0|0|0^^$0|$1|$2|3|4|5|6|$7|8]]]|9|@$A|B|C|D|2|E|F|Z|G|@]|H|@$I|10|J|11|A|12]]|6|$]]|$A|K|C|L|2|E|F|13|G|@]|H|@]|6|$]]|$A|M|C|N|2|O|F|14|G|@]|H|@]|6|$P|Q]]|$A|R|C|S|2|E|F|15|G|@]|H|@]|6|$]]|$A|T|C|U|2|O|F|16|G|@]|H|@]|6|$P|Q]]|$A|V|C|W|2|E|F|17|G|@]|H|@]|6|$]]|$A|X|C|Y|2|O|F|18|G|@]|H|@]|6|$P|Q]]]]

This is literally a copy paste from <a href="https://stackoverflow.com/questions/9405689/how-to-remove-css-property-in-jquery/20090851#20090851">this answer</a>, and I use it to clear CSS style that I added with jQuery in a previously executed function.

To remove the in-line CSS property use: 

<pre class="lang-none prettyprint-override"><code>$('.className').css({propertyName: ''}); 
</code></pre>

To remove the whole in-line style of an element use: 

<pre class="lang-none prettyprint-override"><code>$('.className').removeAttr('style');
</code></pre>

OR by ID:

<pre class="lang-none prettyprint-override"><code>$('#idName').removeAttr('style');
</code></pre>

entityMap|blocks|key|en1hm|text|我们有两种方法，一种是直接移除应用于DOM元素的CSS样式类，另一种是从元素中移除应用的CSS样式|type|unstyled|depth|inlineStyleRanges|entityRanges|data|ar556|//Remove+the+class+associated+with+element

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

//Remove+the+CSS+style+from+DOM+element

$('p').css({"color":""});|code-block|syntax|javascript^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|H|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|I|9|@]|A|@]|B|$F|G]]]]

We have two ways, either you can directly remove the applied CSS style class which is applied to DOM element or remove the applied CSS style from element

<pre><code>//Remove the class associated with element

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

//Remove the CSS style from DOM element

$('p').css({"color":""});
</code></pre>

entityMap|blocks|key|7rful|text|使用jquery|type|unstyled|depth|inlineStyleRanges|entityRanges|data|6vda4|$('#ID').removeAttr("style")|code-block|syntax|javascript|4ot2k|使用|as587|document.getElementById("ID").removeAttribute("style")^0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|L|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|M|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|N|9|@]|A|@]|B|$]]|$2|J|4|K|6|E|8|O|9|@]|A|@]|B|$F|G]]]]

with jquery
<pre><code> $('#ID').removeAttr(&quot;style&quot;)
</code></pre>
withoyt jquery
<pre><code>document.getElementById(&quot;ID&quot;).removeAttribute(&quot;style&quot;)
</code></pre>

entityMap|blocks|key|f4src|text|要删除JQuery中的所有CSS属性，可以使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|e5t7e|$(".selector").removeClass().removeAttr('style');|code-block|syntax|javascript|3ccli|谢谢。^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|J|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|K|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|L|9|@]|A|@]|B|$]]]]

To remove all CSS property in JQuery the following code can be use:

<pre><code> $(".selector").removeClass().removeAttr('style');
</code></pre>

Thanks.

entityMap|blocks|key|13aiv|text|如果您需要删除而不是更新一个特定的属性，您可以简单地使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3oo88|removeProp而不是removeProperty：|56i2h|$(".icha0").removeProp("background-color");
$(".icha0").removeProp("opacity");|code-block|syntax|javascript^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|J|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|K|9|@]|A|@]|B|$]]|$2|E|4|F|6|G|8|L|9|@]|A|@]|B|$H|I]]]]

if you need to remove and not update a specific property you can simply use removeProp and not removeProperty :

<pre><code>$(".icha0").removeProp("background-color");
$(".icha0").removeProp("opacity");
</code></pre>

<pre><code>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");
}
</code></pre>

I am trying to remove two css properties that I added but It seems not working.
Any though?

How to remove css property in jQuery

jQuery

 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/

问如何在jQuery中删除css属性
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jQuery中删除css属性EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jQuery中删除css属性
EN