toggleClass әдісі

toggleClass әдісі CSS класын қосу/жоюды ауыстырып отырады: егер жоқ болса - қосады, бар болса - жояды.

Синтаксис

Бір CSS класы:

javascript$(селектор).toggleClass(клас аты);

Тек екінші параметрге байланысты CSS класын қосу немесе жою, ол true немесе false мәндерін қабылдайды:

javascript$(селектор).toggleClass(CSS клас аты, жай-күй);

Бірнеше CSS кластары:

javascript$(селектор).toggleClass(['класс1', 'класс2', 'класс3', '...']);

Тек екінші параметрге байланысты CSS кластарын қосу немесе жою:

javascript$(селектор).toggleClass(['класс1', 'класс2', 'класс3', '...'], жай-күй');

Әрбір элементке функцияны қолдану, жай-күйі true немесе false болуы мүмкін, және әдіске тек қосу немесе тек жою үшін көрсетеді CSS класын:

javascript$(селектор).toggleClass(function(жинақтағы нөмір, элементтің ағымдағы кластары, жай-күй), [жай-күй]);

Мысал

Біздің абзацта екі клас бар. Оған тағы www класын қосамыз:

html<p id="test" class="eee ggg">мәтін</p>

javascript$('#test').toggleClass('www');

HTML коды былай көрінеді:

html<p id="test" class="eee ggg www">мәтін</p>

Мысал

Енді www класы элементте бар - оны жояйық:

html<p id="test" class="eee ggg www">мәтін</p>

javascript$('#test').toggleClass('www');

HTML коды былай көрінеді:

html<p id="test" class="eee ggg">мәтін</p>

Сондай-ақ қараңыз