toggleClass әдісі
toggleClass әдісі CSS класын қосу/жоюды ауыстырып отырады:
егер жоқ болса - қосады, бар болса - жояды.
Синтаксис
Бір CSS класы:
$(селектор).toggleClass(клас аты);
Тек екінші параметрге байланысты CSS класын қосу немесе жою,
ол true немесе false мәндерін қабылдайды:
$(селектор).toggleClass(CSS клас аты, жай-күй);
Бірнеше CSS кластары:
$(селектор).toggleClass(['класс1', 'класс2', 'класс3', '...']);
Тек екінші параметрге байланысты CSS кластарын қосу немесе жою:
$(селектор).toggleClass(['класс1', 'класс2', 'класс3', '...'], жай-күй');
Әрбір элементке функцияны қолдану,
жай-күйі true немесе false болуы мүмкін,
және әдіске тек қосу немесе тек жою үшін көрсетеді
CSS класын:
$(селектор).toggleClass(function(жинақтағы нөмір, элементтің ағымдағы кластары, жай-күй), [жай-күй]);
Мысал
Біздің абзацта екі клас бар. Оған
тағы www класын қосамыз:
<p id="test" class="eee ggg">мәтін</p>
$('#test').toggleClass('www');
HTML коды былай көрінеді:
<p id="test" class="eee ggg www">мәтін</p>
Мысал
Енді www класы элементте бар
- оны жояйық:
<p id="test" class="eee ggg www">мәтін</p>
$('#test').toggleClass('www');
HTML коды былай көрінеді:
<p id="test" class="eee ggg">мәтін</p>
Сондай-ақ қараңыз
-
addClass,removeClass,hasClassәдістері -
JavaScript қасиеті
classList,
оның көмегімен таза JavaScript-те клас қосу/жоюды ауыстыруға болады
