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 боюнча класс кошуу/өчүрүүн алмаштырууга болот
