jQuery-də toggleClass metodu ilə sinfin ciddi silinməsi və əlavə edilməsi

Həmçinin toggleClass-a true və ya false kimi bir vəziyyət parametri ötürülə bilər, onda sinif ya yalnız əlavə ediləcək, ya da yalnız silinəcək.

Tutaq ki, bizdə aşağıdakı CSS sinifləri var:

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

Abzasa zzz sinifi tətbiq edilir:

html<p class="zzz" id="test">mətn</p>
<button>kliklə</button>

Gəlin kliklədikdə yalnız red sinfini əlavə edək:

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

Gördüyünüz kimi, təkrar kliklədikdə heç bir dəyişiklik baş vermir.

Siniflərlə iş üçün göstərilən üç metod - addClass, removeClass, toggleClass həm də parametr kimi bir neçə sinif qəbul edə bilər, həm də çoxluqdakı hər bir elementə funksiyanın tətbiqinə imkan verir.