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