Cómo eliminar la propiedad css en 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");
}

Estoy tratando de eliminar dos propiedades css que agregué pero parece que no funciona. ¿Sin embargo?

Puedes eliminarlos de la siguiente manera:

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

También puede usar .css()para eliminar la propiedad css, de esta manera:

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

Como se menciona en la documentación de jquery:

Al establecer el valor de una propiedad de estilo en una cadena vacía, por ejemplo, $ ('# mydiv'). Css ('color', ''), se elimina esa propiedad de un elemento si ya se ha aplicado directamente,

Para eliminar la propiedad CSS en línea, use:

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

Para eliminar todo el estilo en línea de un elemento, use:

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

También he encontrado esta sugerencia para eliminar la propiedad CSS del uso de estilos (archivo separado):

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

PERO no pude hacerlo funcionar en absoluto, así que lo pongo aquí solo para tu información.

Puede volver a establecer las propiedades en blanco:

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

O puede cambiar el código para usar las clases definidas en un archivo CSS:

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

Tenemos dos formas, puede eliminar directamente la clase de estilo CSS aplicada que se aplica al elemento DOM o eliminar el estilo CSS aplicado del elemento

//Remove the class associated with element

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

//Remove the CSS style from DOM element

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

Estaba teniendo este problema pero no he visto ninguna solución aquí que satisfaga el OP. La mayoría de las soluciones sugieren deshacerse de todo el atributo de estilo que no vale la pena.

Usé el método de utilería de jQuery .

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

styleObject.removeProperty('background-color');

Alterne una opción menos que ideal, pero podría solucionar varios problemas. Agregue una nueva clase al elemento con valor de herencia :

css

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

jquery

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

Esto es literalmente una copia pegada de esta respuesta , y la uso para borrar el estilo CSS que agregué con jQuery en una función ejecutada previamente.

Para eliminar la propiedad CSS en línea, use:

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

Para eliminar todo el estilo en línea de un elemento, use:

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

O por ID:

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

Para eliminar todas las propiedades CSS en JQuery, se puede usar el siguiente código:

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

Gracias.

si necesita eliminar y no actualizar una propiedad específica, simplemente puede usar removeProp y no removeProperty :

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