Строгае выдаленне і дадаванне класа метадам toggleClass у jQuery
Таксама ў toggleClass можна перадаць
параметр стану, як true ці false,
тады клас будзе альбо толькі дадавацца, альбо
толькі выдаляцца.
Хай у нас ёсць наступныя CSS класы:
.red {
color: red;
}
.zzz {
font-style: italic;
}
Да абзацу прымяняецца клас zzz:
<p class="zzz" id="test">text</p>
<button>click</button>
Давайце будзем толькі дадаваць клас red
пры націсканні:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Як бачыце, пры паўторным націсканні не адбываецца ніякіх зменаў.
Усе тры пералічаныя метады для працы
з класамі - addClass,
removeClass,
toggleClass
могуць таксама прымаць у якасці параметра некалькі класаў,
а таксама дазваляюць прымяненне функцыі да кожнага элемента ў наборы.
Выпраўце код прыкладу дадзенага вышэй - першапачаткова
дапішыце клас red у атрыбут і зрабіце
затым так, каб клас red толькі выдаляўся.