De addClass Methode
De methode addClass voegt
de opgegeven CSS class toe aan een element.
Syntaxis
Één CSS class:
$(selector).addClass(CSS class naam);
Meerdere CSS classes (als string):
$(selector).addClass('class1 class2 class3 ...');
Meerdere CSS classes (als array):
$(selector).addClass(['class1', 'class2', 'class3', '...']);
Een functie toepassen op elk element in de set:
$(selector).addClass(function(index in set, huidige CSS classes van het element));
Voorbeeld
Onze paragraaf heeft helemaal geen classes. Laten we
er de class www aan toevoegen:
<p id="test">tekst</p>
$('#test').addClass('www');
De HTML code ziet er dan zo uit:
<p id="test" class="www">tekst</p>
Voorbeeld
Onze paragraaf heeft al een class. Laten we
er de class www aan toevoegen:
<p id="test" class="eee">tekst</p>
$('#test').addClass('www');
De HTML code ziet er dan zo uit:
<p id="test" class="eee www">tekst</p>
Voorbeeld
Onze paragraaf heeft al twee classes. Laten we
er de class www aan toevoegen:
<p id="test" class="eee ggg">tekst</p>
$('#test').addClass('www');
De HTML code ziet er dan zo uit:
<p id="test" class="eee ggg www">tekst</p>
Voorbeeld
Onze paragraaf heeft al een class. Laten we
er twee classes aan toevoegen - www en ggg:
<p id="test" class="eee">tekst</p>
$('#test').addClass('www ggg');
De HTML code ziet er dan zo uit:
<p id="test" class="eee www ggg">tekst</p>
Zie ook
-
methoden
removeClass,toggleClass,hasClass -
JavaScript eigenschap
classlist,
waarmee je CSS classes van een element kunt toevoegen en verwijderen in pure JavaScript
