Metode toggleClass
Metode toggleClass pārmaiņus pievieno/noņem
CSS klasi: ja tās nav - pievienos, ja ir - noņems.
Sintakse
Viena CSS klase:
$(selektors).toggleClass(klases nosaukums);
Tikai pievienot vai noņemt CSS klasi atkarībā
no otrā parametra, kas pieņem vērtības
true vai false:
$(selektors).toggleClass(CSS klases nosaukums, stāvoklis);
Vairākas CSS klases:
$(selektors).toggleClass(['klase1', 'klase2', 'klase3', '...']);
Tikai pievienot vai noņemt CSS klases atkarībā no otrā parametra:
$(selektors).toggleClass(['klase1', 'klase2', 'klase3', '...'], stāvoklis');
Funkcijas piemērošana katram elementam kopā,
stāvoklis var būt true vai false,
un norāda metodei - tikai pievienot vai tikai
noņemt CSS klasi:
$(selektors).toggleClass(function(numurs kopā, elementa pašreizējās klases, stāvoklis), [stāvoklis]);
Piemērs
Mūsu rindkopai jau ir divas klases. Pievienosim
tai vēl klasi www:
<p id="test" class="eee ggg">teksts</p>
$('#test').toggleClass('www');
HTML kods izskatīsies šādi:
<p id="test" class="eee ggg www">teksts</p>
Piemērs
Un tagad klase www jau atrodas elementā
- noņemsim to:
<p id="test" class="eee ggg www">teksts</p>
$('#test').toggleClass('www');
HTML kods izskatīsies šādi:
<p id="test" class="eee ggg">teksts</p>
Skatiet arī
-
metodes
addClass,removeClass,hasClass -
JavaScript īpašība
classList,
ar kuras palīdzību var pārmaiņus pievienot/noņemt klasi ar tīru JavaScript
