.removeClass ()

om ett klassnamn ingår som en parameter tas endast den klassen bort från uppsättningen matchade element. Om inga klasser anges i parametern tas alla klasser bort.

före jQuery version 1.12/2.2 manipulerade.removeClass() metodenclassName egenskapen för de valda elementen, inteclass attributet. När egenskapen ändrades var det webbläsaren som uppdaterade attributet i enlighet därmed. Detta innebär att när attributet class uppdaterades och det sista klassnamnet togs bort, kan webbläsaren ha ställt attributets värde till en tom sträng istället för att ta bort attributet helt. En implikation av detta beteende var att denna metod endast fungerade för dokument med HTML DOM semantik (t.ex. inte rena XML-dokument).

Från och med jQuery 1.12 / 2.2 ändras detta beteende för att förbättra stödet för XML-dokument, inklusive SVG. Från och med den här versionen används attributet class istället. Så, .removeClass() kan användas på XML-eller SVG-dokument.

Mer än en klass kan tas bort åt gången, åtskilda av ett mellanslag, från uppsättningen matchade element, så här:

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

denna metod används ofta med .addClass() för att byta elementens klasser från en till en annan, som så:

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

här tas myClass och noClass klasser bort från alla stycken, medan yourClass läggs till.

för att ersätta alla befintliga klasser med en annan klass kan vi istället använda .attr( "class", "newClass" ).

från och med jQuery 1.4 tillåter.removeClass() – metoden oss att ange klassen som ska tas bort genom att skicka in en funktion.

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>.

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *