Metoda addClass

Metoda addClass shton një klasë CSS të caktuar në element.

Sintaksa

Një klasë CSS:

javascript$(selector).addClass(emri i klasës CSS);

Disa klasa CSS (si varg):

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

Disa klasa CSS (si array):

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

Aplikimi i një funksioni për çdo element në grup:

javascript$(selector).addClass(function(numri në grup, klasat aktuale CSS të elementit));

Shembull

Paragrafi ynë nuk ka klasa fare. Le t'i shtojmë klasën www:

html<p id="test">text</p>
javascript$('#test').addClass('www');

Kodi HTML do të duket kështu:

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

Shembull

Paragrafi ynë tashmë ka një klasë. Le t'i shtojmë edhe klasën www:

html<p id="test" class="eee">text</p>
javascript$('#test').addClass('www');

Kodi HTML do të duket kështu:

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

Shembull

Paragrafi ynë ka tashmë dy klasa. Le t'i shtojmë edhe klasën www:

html<p id="test" class="eee ggg">text</p>
javascript$('#test').addClass('www');

Kodi HTML do të duket kështu:

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

Shembull

Paragrafi ynë tashmë ka një klasë. Le t'i shtojmë dy klasa të tjera - www dhe ggg:

html<p id="test" class="eee">text</p>
javascript$('#test').addClass('www ggg');

Kodi HTML do të duket kështu:

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

Shihni gjithashtu