Metoden addClass
Metoden addClass tilføjer
en angivet CSS-klasse til et element.
Syntaks
En CSS-klasse:
$(selector).addClass(CSS-klassenavn);
Flere CSS-klasser (som streng):
$(selector).addClass('klasse1 klasse2 klasse3 ...');
Flere CSS-klasser (som array):
$(selector).addClass(['klasse1', 'klasse2', 'klasse3', '...']);
Anvendelse af en funktion på hvert element i sættet:
$(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:
<p id="test">tekst</p>
$('#test').addClass('www');
HTML-koden vil se sådan ud:
<p id="test" class="www">tekst</p>
Eksempel
Vores afsnit har allerede en klasse. Lad os tilføje
klassen www til det:
<p id="test" class="eee">tekst</p>
$('#test').addClass('www');
HTML-koden vil se sådan ud:
<p id="test" class="eee www">tekst</p>
Eksempel
Vores afsnit har allerede to klasser. Lad os
tilføje klassen www til det:
<p id="test" class="eee ggg">tekst</p>
$('#test').addClass('www');
HTML-koden vil se sådan ud:
<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:
<p id="test" class="eee">tekst</p>
$('#test').addClass('www ggg');
HTML-koden vil se sådan ud:
<p id="test" class="eee www ggg">tekst</p>
Se også
-
metoderne
removeClass,toggleClass,hasClass -
JavaScript-egenskaben
classlist,
som kan bruges til at tilføje og fjerne CSS-klasser på et element med ren JavaScript
