Кушодану тозаи қатъӣ ва илова кардани синф бо усули toggleClass дар jQuery

Инчунин дар toggleClass метавон параметри ҳолатро гузаронд, монанди true ё false, онгоҳ синф ё танҳо илова мешавад, ё танҳо тоза мешавад.

Бигзор мо синфҳои CSS-и зеринро дошта бошем:

css.red {
  color: red;
}
  
.zzz {
  font-style: italic;
}

Ба абзатс синфи zzz татбиқ карда мешавад:

html<p class="zzz" id="test">матн</p>
<button>клик</button>

Биёед танҳо синфи red-ро илова кунем ҳангоми фишурдан:

javascript$('button').click(function() {
  $('#test').toggleClass('red', true);
});

Чунон ки мебинед, ҳангоми фишурдани такрорӣ ҳеҷ тағирот рӯй намедиҳад.

Ҳама се усулҳои зикршуда барои кор бо синфҳо - addClass, removeClass, toggleClass метавонанд ҳамчун параметр якчанд синфҳоро қабул кунанд, ва инчунин иҷрои функсиеро ба ҳар як унсур дар маҷмӯъ иҷозат медиҳанд.

Задание 1

Коди мисоли дар боло овардашударо ислоҳ кунед - дар аввал синфи red-ро ба атрибут илова кунед ва сипас чунон созед, ки синфи red танҳо тоза шавад.