.removeClass ()

als een klasse naam is opgenomen als een parameter, dan zal alleen die klasse worden verwijderd uit de set van overeenkomende elementen. Als er geen klassen zijn opgegeven in de parameter, worden alle klassen verwijderd.

vóór jQuery versie 1.12 / 2.2 manipuleerde de methode .removeClass() de eigenschap className van de geselecteerde elementen, niet de eigenschap class. Zodra de eigenschap werd gewijzigd, was het de browser die het attribuut dienovereenkomstig bijgewerkt. Dit betekent dat wanneer hetclass attribuut werd bijgewerkt en de laatste klassenaam werd verwijderd, de browser de waarde van het attribuut op een lege tekenreeks heeft ingesteld in plaats van het attribuut volledig te verwijderen. Een implicatie van dit gedrag was dat deze methode alleen werkte voor documenten met HTML DOM semantiek (bijvoorbeeld, niet pure XML-documenten).

vanaf jQuery 1.12 / 2.2 wordt dit gedrag gewijzigd om de ondersteuning voor XML-documenten, waaronder SVG, te verbeteren. Vanaf deze versie wordt hetclass attribuut gebruikt. Dus .removeClass() kan gebruikt worden op XML-of SVG-documenten.

Meer dan één les kan worden verwijderd in een keer, gescheiden door een spatie van de set van de afgedekte elementen, zoals:

1
$( "p" ).removeClass( "myClass yourClass" )

Deze methode wordt vaak gebruikt in combinatie met .addClass() om te schakelen elementen’ lessen van de ene naar de andere, zo:

1
$( "p" ).removeClass( "myClass noClass" ).addClass( "yourClass" );

Hier myClass en noClass klassen worden verwijderd uit alle leden, terwijl yourClass toegevoegd.

om alle bestaande klassen te vervangen door een andere klasse, kunnen we .attr( "class", "newClass" ) gebruiken.

vanaf jQuery 1.4 staat de .removeClass() methode ons toe om de klasse aan te geven die verwijderd moet worden door een functie over te dragen.

1
2
3
$( "li" ).last().removeClass(function() {
return $( this ).prev().attr( "class" );
});

This example removes the class name of the penultimate <li> from the last <li>.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *