Como remover a propriedade css no 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");
}

Estou tentando remover duas propriedades css que adicionei, mas parece que não está funcionando. Qualquer um?

Você pode removê-los:

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

Você pode usar .css()para remover a propriedade css também, assim:

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

Conforme mencionado na documentação do jquery:

Definir o valor de uma propriedade de estilo como uma sequência vazia - por exemplo, $ ('# mydiv'). Css ('color', '') - remove essa propriedade de um elemento se ele já tiver sido aplicado diretamente,

Para remover a propriedade CSS in-line, use:

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

Para remover todo o estilo em linha de um elemento, use:

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

Eu também encontrei esta sugestão para remover a propriedade CSS dos estilos (arquivo separado):

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

Mas eu não consegui fazê-lo funcionar, então estou colocando aqui apenas para sua informação.

Você pode definir as propriedades novamente em branco:

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

Ou você pode alterar o código para usar as classes definidas em um arquivo CSS:

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

Temos duas maneiras: você pode remover diretamente a classe de estilo CSS aplicada que é aplicada ao elemento DOM ou remover o estilo CSS aplicado do elemento

//Remove the class associated with element

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

//Remove the CSS style from DOM element

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

Eu estava tendo esse problema, mas não vi nenhuma solução aqui que satisfaça o OP. A maioria das soluções sugere livrar-se de todo o atributo de estilo, que não vale a pena.

Eu usei o método prop do jQuery .

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

styleObject.removeProperty('background-color');

Alterne menos que a opção ideal, mas pode solucionar vários problemas. Adicione uma nova classe ao elemento com valor herdado :

css

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

jquery

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

Esta é literalmente uma cópia colada desta resposta , e eu a uso para limpar o estilo CSS que adicionei com o jQuery em uma função executada anteriormente.

Para remover a propriedade CSS in-line, use:

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

Para remover todo o estilo em linha de um elemento, use:

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

OU por ID:

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

Para remover toda a propriedade CSS no JQuery, o seguinte código pode ser usado:

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

Obrigado.

se você precisar remover e não atualizar uma propriedade específica, basta usar removeProp e não removeProperty :

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