Metoden addClass

Metoden addClass tilføjer en angivet CSS-klasse til et element.

Syntaks

En CSS-klasse:

javascript$(selector).addClass(CSS-klassenavn);

Flere CSS-klasser (som streng):

javascript$(selector).addClass('klasse1 klasse2 klasse3 ...');

Flere CSS-klasser (som array):

javascript$(selector).addClass(['klasse1', 'klasse2', 'klasse3', '...']);

Anvendelse af en funktion på hvert element i sættet:

javascript$(selector).addClass(function(index i sættet, nuværende CSS-klasser for elementet));

Eksempel

Vores afsnit har slet ingen klasser. Lad os tilføje klassen www til det:

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

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

HTML-koden vil se sådan ud:

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

Eksempel

Vores afsnit har allerede en klasse. Lad os tilføje klassen www til det:

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

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

HTML-koden vil se sådan ud:

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

Eksempel

Vores afsnit har allerede to klasser. Lad os tilføje klassen www til det:

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

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

HTML-koden vil se sådan ud:

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

Eksempel

Vores afsnit har allerede en klasse. Lad os tilføje to klasser til det - www og ggg:

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

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

HTML-koden vil se sådan ud:

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

Se også