Как удалить css свойство в 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/on_all_online.png")');                   
    $(".icha0").removeProperty("background-color");
    $(".icha0").removeProperty("opacity");
}
else
{   
   $(".icha0").css("background-color","#D5D5D2");
   $(".icha0").css("opacity","0.70");
}

Я пытаюсь удалить два свойства CSS, которые я добавил, но, кажется, не работает. Любой хоть?

Вы можете удалить их:

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

НО я не мог заставить это работать вообще, поэтому я помещаю это здесь только к вашему сведению.

Либо вы можете установить свойства обратно пустыми:

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

Или вы можете изменить код для использования классов, определенных в файле CSS:

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

У меня была эта проблема, но я не видел здесь решения, которое бы удовлетворяло ОП. Большинство решений предлагают избавиться от всего атрибута стиля, который не стоит.

Я использовал метод поддержки jQuery .

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

styleObject.removeProperty('background-color');

У нас есть два способа: либо вы можете напрямую удалить примененный класс стилей CSS, который применяется к элементу DOM, либо удалить примененный стиль 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'); 

Это буквально копия вставки из этого ответа , и я использую его для очистки стиля CSS, который я добавил с помощью jQuery в ранее выполненной функции.

Чтобы удалить встроенное свойство CSS, используйте:

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

Чтобы удалить весь встроенный стиль элемента, используйте:

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

ИЛИ по ID:

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

Чтобы удалить все свойства CSS в JQuery, можно использовать следующий код:

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

Спасибо.

если вам нужно удалить, а не обновить определенное свойство, вы можете просто использовать removeProp, а не removeProperty :

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