Метад toggleClass
Метад toggleClass чаргуе дадаванне/выдаленне
CSS класа: калі яго няма - дадасць, калі ёсць - выдаліць.
Сінтаксіс
Адзін CSS клас:
$(селектар).toggleClass(імя класа);
Toлькі дадаць ці выдаліць CSS клас у залежнасці
ад другога параметра, які прымае значэнні
true ці false:
$(селектар).toggleClass(імя CSS класа, стан);
Некалькі CSS класаў:
$(селектар).toggleClass(['клас1', 'клас2', 'клас3', '...']);
Toлькі дадаць ці выдаліць 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,
з дапамогай якога можна чаргаваць дадаванне/выдаленне класа на чыстым JavaScript
