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