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:
$(selector).removeClass(naam van CSS-klasse)
Meerdere CSS-klassen:
$(selector).removeClass('klasse1 klasse2 klasse3 ...')
Toepassen van een functie op elk element in de set:
$(selector).removeClass(function(index in set, huidige CSS-klassen van element))
Voorbeeld
Onze alinea heeft al twee klassen. Laten we
klasse www verwijderen:
<p id="test" class="eee www">tekst</p>
$('#test').removeClass('www');
De HTML-code ziet er dan zo uit:
<p id="test" class="eee">tekst</p>
Voorbeeld
Onze alinea heeft al een klasse. Laten we deze klasse verwijderen:
<p id="test" class="www">tekst</p>
$('#test').removeClass('www');
De HTML-code ziet er dan zo uit:
<p id="test" class="">tekst</p>
Voorbeeld
Onze alinea heeft al 3 klassen.
Laten we twee klassen verwijderen - www en
ggg:
<p id="test" class="eee www ggg">tekst</p>
$('#test').removeClass('www ggg');
De HTML-code ziet er dan zo uit:
<p id="test" class="eee">tekst</p>
Zie ook
-
methoden
addClass,toggleClass,hasClass -
JavaScript eigenschap
classlist,
waarmee je CSS-klassen van een element kunt toevoegen en verwijderen in pure JavaScript
