Как удалить свойство 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, которые я добавил, но кажется, что они не работают. Любой, хотя?

Ответ 1

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

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

Ответ 2

Вы можете использовать .css(), чтобы удалить свойство css, например:

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

Как упоминалось в документации jquery:

Установка значения свойства style в пустую строку - например. $('# mydiv'). css ('color', '') - удаляет это свойство из элемента, если оно уже было применено непосредственно,

Ответ 3

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

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

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

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

Я также нашел это предложение удалить свойство CSS из стилей (отдельный файл):

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

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

Ответ 4

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

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

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

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

Ответ 5

У нас есть два способа: либо вы можете напрямую удалить примененный класс стилей CSS, который применяется к элементу DOM, либо удалить примененный стиль CSS из элемента

//Remove the class associated with element

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

//Remove the CSS style from DOM element

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

Ответ 6

Альтернативный вариант меньше идеального, но может решить различные проблемы. Добавьте новый класс к элементу со значением наследовать:

CSS

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

JQuery

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

Ответ 7

Я использую undefined, чтобы удалить все настройки свойства:

$(selector).css(property, undefined);

Ответ 8

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

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

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

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

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

ИЛИ по ID:

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

Ответ 9

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

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

Ответ 10

$(".class_name").removeAttr("style");

Ответ 11

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

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

Благодарю.