Методот addClass
Методот addClass додава
зададена CSS класа на елемент.
Синтакса
Една CSS класа:
$(селектор).addClass(име на CSS класа);
Повеќе CSS класи (како стринг):
$(селектор).addClass('класа1 класа2 класа3 ...');
Повеќе CSS класи (како низа):
$(селектор).addClass(['класа1', 'класа2', 'класа3', '...']);
Примена на функција на секој елемент во сетот:
$(селектор).addClass(function(број во сетот, тековни CSS класи на елементот));
Пример
Нашиот параграф нема класи воопшто. Ајде
да му додадеме класа www:
<p id="test">text</p>
$('#test').addClass('www');
HTML кодот ќе изгледа вака:
<p id="test" class="www">text</p>
Пример
Нашиот параграф веќе има класа. Ајде да му додадеме
и класа www:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
HTML кодот ќе изгледа вака:
<p id="test" class="eee www">text</p>
Пример
Нашиот параграф веќе има две класи. Ајде
да му додадеме и класа www:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
HTML кодот ќе изгледа вака:
<p id="test" class="eee ggg www">text</p>
Пример
Нашиот параграф веќе има класа. Ајде да му додадеме
уште две класи - www и ggg:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
HTML кодот ќе изгледа вака:
<p id="test" class="eee www ggg">text</p>
Погледнете исто така
-
методите
removeClass,toggleClass,hasClass -
JavaScript својството
classlist,
со кое може да се додаваат и отстрануваат CSS класи на елемент во чист JavaScript
