Равиши 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-и холис муяссар мегардад
