如何删除 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 属性，我添加，但它似乎不工作。 有吗？

543895 次浏览
小开

你可以设置属性为空:

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

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

$(".icha0").addClass('properties');
$(".icha0").removeClass('properties');
小开
最佳答案

你可以通过以下方法移除它们:

$(".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 = ";

但我不能让它工作在所有，所以我把它放在这里只是供参考。

小开

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

//Remove the class associated with element


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


//Remove the CSS style from DOM element


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

备选方案，可以解决一些问题。

向元素中添加一个新类，并为属性赋值重要的继承!，例如:

css

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

jquery

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

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

删除CSS内嵌属性使用:

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

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

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

或通过ID:

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

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

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

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

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

谢谢。

小开

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

我使用jQuery的道具方法。

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


styleObject.removeProperty('background-color');
小开

与jquery

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

withoyt jquery

document.getElementById("ID").removeAttribute("style")
小开 
<script>
require(['jquery', 'domReady!'], function($) {
if ($('#p_method_use_reward_points').prop('checked')) {
$('.test').show();
console.log('working');
}else{
$('.test').hide();
console.log('not working');
}
$('#submit_reward').on('click', function (e){
let getPoints = $('#custom_reward_set').val();
let checkField = $('#custom_reward_set').prop("readonly");
// alert(getPoints);
if (!getPoints){
alert('PLease add reward points');
}
if (getPoints) {
$("#custom_reward_set").prop("readonly", !$("#custom_reward_set").attr('readonly'));
if ($('#custom_reward_set').is('[readonly]')) {
$("#custom_reward_set").css({
"background-color": "#EBEBE4",
"border": "1px solid #ABADB3", "cursor": "not-allowed"
});
}else{
$('#custom_reward_set').removeAttr('style');
}
}
e.preventDefault();


})
});
</script>

提交答案