Метод 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-у