toggleClass metodu
toggleClass metodu CSS sinfinin əlavə edilməsi/silinməsini dəyişir:
əgər yoxdursa əlavə edər, varsa silər.
Sintaksis
Bir CSS sinfi:
$(selektor).toggleClass(sinif adı);
Yalnız əlavə etmək və ya silmək üçün ikinci parametrdən asılı olaraq,
hansı ki true və ya false qiymətlərini qəbul edir:
$(selektor).toggleClass(CSS sinfinin adı, vəziyyət);
Bir neçə CSS sinfi:
$(selektor).toggleClass(['sinif1', 'sinif2', 'sinif3', '...']);
Yalnız əlavə etmək və ya silmək üçün ikinci parametrdən asılı olaraq:
$(selektor).toggleClass(['sinif1', 'sinif2', 'sinif3', '...'], vəziyyət');
Hər bir elementə funksiyanın tətbiqi,
vəziyyət true və ya false ola bilər,
və metoda göstərir - yalnız əlavə et və ya yalnız sil CSS sinfini:
$(selektor).toggleClass(function(dəstdə nömrə, elementin cari sinifləri, vəziyyət), [vəziyyət]);
Nümunə
Bizim abzasımızda artıq iki sinif var. Gəlin
ona www sinfini də əlavə edək:
<p id="test" class="eee ggg">mətn</p>
$('#test').toggleClass('www');
HTML kodu belə görünəcək:
<p id="test" class="eee ggg www">mətn</p>
Nümunə
İndi www sinfi artıq elementdə var
- gəlin onu silək:
<p id="test" class="eee ggg www">mətn</p>
$('#test').toggleClass('www');
HTML kodu belə görünəcək:
<p id="test" class="eee ggg">mətn</p>
Həmçinin bax
-
metodlar
addClass,removeClass,hasClass -
JavaScript xassəsi
classList,
köməyi ilə saf JavaScript-də sinfin əlavə edilməsi/silinməsini dəyişmək olar