Metoden addClass
Metoden addClass legger til
en spesifisert CSS-klasse til et element.
Syntaks
En CSS-klasse:
$(selector).addClass(navn på CSS-klasse);
Flere CSS-klasser (som streng):
$(selector).addClass('klasse1 klasse2 klasse3 ...');
Flere CSS-klasser (som array):
$(selector).addClass(['klasse1', 'klasse2', 'klasse3', '...']);
Bruke en funksjon på hvert element i settet:
$(selector).addClass(function(nummer i settet, nåværende CSS-klasser til elementet));
Eksempel
Vårt avsnitt har ingen klasser i det hele tatt. La oss
legge til klassen www:
<p id="test">text</p>
$('#test').addClass('www');
HTML-koden vil se slik ut:
<p id="test" class="www">text</p>
Eksempel
Vårt avsnitt har allerede en klasse. La oss legge til
klassen www i tillegg:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
HTML-koden vil se slik ut:
<p id="test" class="eee www">text</p>
Eksempel
Vårt avsnitt har allerede to klasser. La oss
legge til klassen www i tillegg:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
HTML-koden vil se slik ut:
<p id="test" class="eee ggg www">text</p>
Eksempel
Vårt avsnitt har allerede en klasse. La oss legge til
to flere klasser - www og ggg:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
HTML-koden vil se slik ut:
<p id="test" class="eee www ggg">text</p>
Se også
-
metodene
removeClass,toggleClass,hasClass -
JavaScript-egenskapen
classlist,
som kan brukes til å legge til og fjerne CSS- klasser til et element med ren JavaScript
