jQuery-ში toggleClass მეთოდით კლასის მკაცრი წაშლა და დამატება

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 ასევე შეუძლიათ პარამეტრად მიიღონ რამდენიმე კლასი, და ასევე იძლევა ფუნქციის გამოყენების საშუალებას ნაკრების თითოეულ ელემენტზე.