¿Cómo puedo eliminar un estilo añadido con la función .css()?

Estoy cambiando el CSS con jQuery y deseo eliminar el estilo que estoy añadiendo basado en el valor de la entrada:

if(color != '000000') $("body").css("background-color", color); else // remove style ?

¿Cómo puedo hacer esto? Tenga en cuenta que la línea anterior se ejecuta cada vez que se selecciona un color utilizando un selector de color (es decir, cuando el ratón se mueve sobre una rueda de color).

2ª nota: No puedo hacer esto con css("background-color", "none") porque eliminará el estilo por defecto de los archivos css. Sólo quiero eliminar el estilo inline background-color añadido por jQuery.

isherwood
Pregunta editada 25º enero 2018 в 5:02
Programación
javascript jquery css
27º octubre 2010 в 7:21
9 vistas
Solución

Cambiar la propiedad a una cadena vacía parece funcionar:

$.css("background-color", "");
double-beep
Respuesta editada 18º junio 2019 в 1:35
Comentarios (14)

La respuesta aceptada funciona pero deja un atributo style vacío en el DOM en mis pruebas. No es gran cosa, pero esto lo elimina todo:

removeAttr( 'style' );

Esto supone que quieres eliminar todo el estilo dinámico y volver al estilo de la hoja de estilos.

Community
Respuesta editada 23º mayo 2017 в 12:02
Comentarios (8)

Tengo la forma de eliminar un atributo de estilo con JavaScript puro sólo para que conozcas el camino de JavaScript puro

var bodyStyle = document.body.style;
if (bodyStyle.removeAttribute)
    bodyStyle.removeAttribute('background-color');
else        
    bodyStyle.removeProperty('background-color');
Emile Bergeron
Respuesta editada 28º noviembre 2016 в 10:33
Comentarios (7)