Метод toggleClass
Метод toggleClass CSS синфини қўшиш/ўчиришни алмаштиради: агар ундоқ бўлмаса - қўшади, агар бўлса - ўчиради.
Синтаксис
Битта CSS синф:
$(селектор).toggleClass(синф номи);
Фақат true ёки false қийматларини қабул қиладиган иккинчи параметрга боғлиқ равишда CSS синфни қўшиш ёки ўчириш:
$(селектор).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 да
