Метод addClass

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

Синтакса

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

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

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

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

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

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

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

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

Пример

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

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

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

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

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

Пример

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

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

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

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

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

Пример

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

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

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

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

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

Пример

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

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

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

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

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

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