Ik'm verander CSS met jQuery en ik wil de styling die ik'm toevoeg verwijderen op basis van de invoerwaarde:
if(color != '000000') $("body").css("background-color", color); else // remove style ?
Hoe kan ik dit doen? Merk op dat de bovenstaande regel wordt uitgevoerd wanneer een kleur wordt geselecteerd met behulp van een kleurkiezer (dat wil zeggen wanneer de muis over een kleurenwiel beweegt).
2e opmerking: ik kan dit niet doen met css("background-color", "none")
omdat het de standaard styling uit de css bestanden zal verwijderen. Ik wil alleen de background-color
inline stijl verwijderen die door jQuery is toegevoegd.
Het geaccepteerde antwoord werkt, maar laat een leeg style
attribuut achter op de DOM in mijn tests. Geen big deal, maar dit verwijdert het allemaal:
removeAttr( 'style' );
Dit gaat ervan uit dat je alle dynamische styling wilt verwijderen en terug wilt naar de stylesheet styling.
Ik heb de manier om een stijl attribuut te verwijderen met pure JavaScript gewoon om u te laten weten de manier van pure JavaScript
var bodyStyle = document.body.style;
if (bodyStyle.removeAttribute)
bodyStyle.removeAttribute('background-color');
else
bodyStyle.removeProperty('background-color');