Methode removeClass

De methode removeClass verwijdert een opgegeven CSS-klasse uit het class attribuut. Je kunt één of meerdere klassen tegelijkertijd verwijderen.

Syntaxis

Één CSS-klasse:

javascript$(selector).removeClass(naam van CSS-klasse)

Meerdere CSS-klassen:

javascript$(selector).removeClass('klasse1 klasse2 klasse3 ...')

Toepassen van een functie op elk element in de set:

javascript$(selector).removeClass(function(index in set, huidige CSS-klassen van element))

Voorbeeld

Onze alinea heeft al twee klassen. Laten we klasse www verwijderen:

html<p id="test" class="eee www">tekst</p>

javascript$('#test').removeClass('www');

De HTML-code ziet er dan zo uit:

html<p id="test" class="eee">tekst</p>

Voorbeeld

Onze alinea heeft al een klasse. Laten we deze klasse verwijderen:

html<p id="test" class="www">tekst</p>

javascript$('#test').removeClass('www');

De HTML-code ziet er dan zo uit:

html<p id="test" class="">tekst</p>

Voorbeeld

Onze alinea heeft al 3 klassen. Laten we twee klassen verwijderen - www en ggg:

html<p id="test" class="eee www ggg">tekst</p>

javascript$('#test').removeClass('www ggg');

De HTML-code ziet er dan zo uit:

html<p id="test" class="eee">tekst</p>

Zie ook