Metod addClass

Metod addClass dodaje zadatu CSS klasu elementu.

Sintaksa

Jedna CSS klasa:

javascript$(selektor).addClass(ime CSS klase);

Više CSS klasa (stringom):

javascript$(selektor).addClass('klasa1 klasa2 klasa3 ...');

Više CSS klasa (nizom):

javascript$(selektor).addClass(['klasa1', 'klasa2', 'klasa3', '...']);

Primena funkcije na svaki element u skupu:

javascript$(selektor).addClass(function(redni broj u skupu, trenutne CSS klase elementa));

Primer

Naš pasus uopšte nema klase. Hajde da dodamo mu klasu www:

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

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

HTML kod će sada izgledati ovako:

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

Primer

Naš pasus već ima klasu. Hajde da dodamo mu i klasu www:

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

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

HTML kod će sada izgledati ovako:

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

Primer

Naš pasus već ima dve klase. Hajde da dodamo mu i klasu www:

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

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

HTML kod će sada izgledati ovako:

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

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

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

HTML kod će sada izgledati ovako:

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

Pogledajte takođe