Metod addClass
Metod addClass dodaje
zadatu CSS klasu elementu.
Sintaksa
Jedna CSS klasa:
$(selektor).addClass(ime CSS klase);
Više CSS klasa (stringom):
$(selektor).addClass('klasa1 klasa2 klasa3 ...');
Više CSS klasa (nizom):
$(selektor).addClass(['klasa1', 'klasa2', 'klasa3', '...']);
Primena funkcije na svaki element u skupu:
$(selektor).addClass(function(redni broj u skupu, trenutne CSS klase elementa));
Primer
Naš pasus uopšte nema klase. Hajde da
dodamo mu klasu www:
<p id="test">text</p>
$('#test').addClass('www');
HTML kod će sada izgledati ovako:
<p id="test" class="www">text</p>
Primer
Naš pasus već ima klasu. Hajde da dodamo
mu i klasu www:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
HTML kod će sada izgledati ovako:
<p id="test" class="eee www">text</p>
Primer
Naš pasus već ima dve klase. Hajde da
dodamo mu i klasu www:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
HTML kod će sada izgledati ovako:
<p id="test" class="eee ggg www">text</p>
Primer
Naš pasus već ima klasu. Hajde da dodamo
mu još dve klase - www i ggg:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
HTML kod će sada izgledati ovako:
<p id="test" class="eee www ggg">text</p>
Pogledajte takođe
-
metodi
removeClass,toggleClass,hasClass -
JavaScript svojstvo
classlist,
pomoću kojeg možete dodavati i uklanjati CSS klase elementa na čistom JavaScript-u
