Hvordan kan jeg fjerne en stil som er lagt til med .css()-funksjonen?

Jeg endrer CSS med jQuery, og jeg ønsker å fjerne stylingen jeg legger til basert på inngangsverdien:

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

Hvordan kan jeg gjøre dette? Merk at linjen ovenfor kjøres når en farge velges ved hjelp av en fargevelger (dvs. når musen beveger seg over et fargehjul).

  1. merknad: Jeg kan ikke gjøre dette med css("background-color", "none") fordi det vil fjerne standard styling fra css-filene. Jeg vil bare fjerne background-color inline-stilen lagt til av jQuery.
isherwood
Redigerte spørsmål 25. januar 2018 в 5:02
Programmering
javascript jquery css
27. oktober 2010 в 7:21
5 visninger
Løsning

Å endre egenskapen til en tom streng ser ut til å gjøre jobben:

$.css("background-color", "");
double-beep
Redigert svar 18. juni 2019 в 1:35
Kommentarer (14)

Det aksepterte svaret fungerer, men etterlater et tomt style-attributt på DOM i testene mine. Ingen big deal, men dette fjerner alt:

removeAttr( 'style' );

Dette forutsetter at du vil fjerne all dynamisk styling og gå tilbake til stilarkstyling.

Community
Redigert svar 23. mai 2017 в 12:02
Kommentarer (8)

Jeg fikk måten å fjerne et stilattributt med ren JavaScript bare for å fortelle deg veien for ren JavaScript

var bodyStyle = document.body.style;
if (bodyStyle.removeAttribute)
    bodyStyle.removeAttribute('background-color');
else        
    bodyStyle.removeProperty('background-color');
Emile Bergeron
Redigert svar 28. november 2016 в 10:33
Kommentarer (7)