De addClass Methode

De methode addClass voegt de opgegeven CSS class toe aan een element.

Syntaxis

Één CSS class:

javascript$(selector).addClass(CSS class naam);

Meerdere CSS classes (als string):

javascript$(selector).addClass('class1 class2 class3 ...');

Meerdere CSS classes (als array):

javascript$(selector).addClass(['class1', 'class2', 'class3', '...']);

Een functie toepassen op elk element in de set:

javascript$(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:

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

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

De HTML code ziet er dan zo uit:

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

Voorbeeld

Onze paragraaf heeft al een class. Laten we er de class www aan toevoegen:

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

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

De HTML code ziet er dan zo uit:

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

Voorbeeld

Onze paragraaf heeft al twee classes. Laten we er de class www aan toevoegen:

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

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

De HTML code ziet er dan zo uit:

html<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:

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

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

De HTML code ziet er dan zo uit:

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

Zie ook