8 of 119 menu

Метод addClass

Метод addClass додаје задату CSS класу елементу.

Синтакса

Једна CSS класа:

$(селектор).addClass(име CSS класе);

Неколико CSS класа (као стринг):

$(селектор).addClass('класа1 класа2 класа3 ...');

Неколико CSS класа (као низ):

$(селектор).addClass(['класа1', 'класа2', 'класа3', '...']);

Примена функције на сваком елементу у сету:

$(селектор).addClass(function(редни број у сету, тренутне CSS класе елемента));

Пример

Наш пасус нема класе уопште. Хајде да му додамо класу www:

<p id="test">текст</p> $('#test').addClass('www');

HTML код ће онда изгледати овако:

<p id="test" class="www">текст</p>

Пример

Наш пасус већ има једну класу. Хајде да му додамо и класу www:

<p id="test" class="eee">текст</p> $('#test').addClass('www');

HTML код ће онда изгледати овако:

<p id="test" class="eee www">текст</p>

Пример

Наш пасус већ има две класе. Хајде да му додамо и класу www:

<p id="test" class="eee ggg">текст</p> $('#test').addClass('www');

HTML код ће онда изгледати овако:

<p id="test" class="eee ggg www">текст</p>

Пример

Наш пасус већ има једну класу. Хајде да му додамо још две класе - www и ggg:

<p id="test" class="eee">текст</p> $('#test').addClass('www ggg');

HTML код ће онда изгледати овако:

<p id="test" class="eee www ggg">текст</p>

Погледајте такође

  • методе removeClass, toggleClass, hasClass
  • JavaScript својство classlist,
    помоћу ког се могу додавати и уклањати CSS класе елемента у чистom JavaScript-у
Српски
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Користимо колачиће за рад сајта, аналитику и персонализацију. Обрада података се врши у складу са Политиком приватности.
прихвати све подеси одбиј