Css-eigenschap in jQuery verwijderen

Ik probeer twee CSS-eigenschappen te verwijderen die ik heb toegevoegd, maar het lijkt niet te werken.
Toch?


Antwoord 1, autoriteit 100%

Je kunt ze verwijderen door:

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

Antwoord 2, autoriteit 21%

U kunt .css()gebruiken om de css-eigenschap te verwijderen als wel, als volgt:

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

Zoals vermeld in de jQuery-documentatie:

De waarde van een stijleigenschap instellen op een lege tekenreeks — b.v. $(‘#mydiv’).css(‘color’, ”) — verwijdert die eigenschap van een element als het al direct is toegepast,


Antwoord 3, autoriteit 9%

Gebruik om de in-line CSS-eigenschap te verwijderen:

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

Om de hele in-line stijl van een element te verwijderen, gebruik je:

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

Ik heb ook deze suggestie gevonden om de CSS-eigenschap te verwijderen uit stijlen (apart bestand) gebruik:

$(‘.className’).style.propertyName = ”;

MAARIk kreeg het helemaal niet werkend, dus plaats ik het hier ter informatie.


Antwoord 4, autoriteit 6%

U kunt de eigenschappen ook weer op blanco zetten:

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

Of je kunt de code wijzigen om klassen te gebruiken die zijn gedefinieerd in een CSS-bestand:

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

Antwoord 5, autoriteit 2%

Ik had dit probleem, maar ik heb hier geen oplossing gezien die voldoet aan de OP. De meeste oplossingen stellen voor om het hele stijlkenmerk te verwijderen, wat het niet waard is.

Ik heb de prop-methode van jQuery gebruikt.

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

Antwoord 6

Alternatieve optie, die een aantal problemen omzeilt.

Voeg een nieuwe klasse toe aan het element en geef de eigenschappen de waarde inherit !important, bijvoorbeeld:

css

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

jquery

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

Antwoord 7

We hebben twee manieren: u kunt ofwel de toegepaste CSS-stijlklasse die is toegepast op het DOM-element rechtstreeks verwijderen, ofwel de toegepaste CSS-stijl van het element verwijderen

//Remove the class associated with element
$('#ID').removeClass("cssClass");
//Remove the CSS style from DOM element
$('p').css({"color":""});

Antwoord 8

Dit is letterlijk een copy-paste van dit antwoord, en ik gebruik het om de CSS-stijl te wissen die ik heb toegevoegd met jQuery in een eerder uitgevoerde functie.

Om de in-line CSS-eigenschap te verwijderen, gebruikt u:

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

Om de hele in-line stijl van een element te verwijderen, gebruik je:

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

OF op ID:

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

Antwoord 9

Om alle CSS-eigenschappen in JQuery te verwijderen, kan de volgende code worden gebruikt:

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

Bedankt.


Antwoord 10

met jQuery

 $('#ID').removeAttr("style")

metoyt jquery

document.getElementById("ID").removeAttribute("style")

Antwoord 11

als u een specifieke eigenschap moet verwijderenen niet bijwerken, kunt u gewoon removePropgebruiken en niet removeProperty:

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

Other episodes