JQuery-de toggleClass metodi bilen syn üçin klassy aýyrmak we goşmak
Şeýle hem toggleClass-a ýagdaýyň parametri hökmünde,
true ýa-da false, berlip bilner,
onda klas ýa diňe goşular, ýa-da
diňe aýrylar.
Bizde aşakdaky CSS klaslary bar bolsun:
.red {
color: red;
}
.zzz {
font-style: italic;
}
Abzasa zzz klassy ulanýar:
<p class="zzz" id="test">text</p>
<button>click</button>
Gelin, basylanda diňe red klassy
goşaly:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Görşüňiz ýaly, gaýtadan basylanda hiç hili üýtgeşme bolmaýar.
Klaslar bilen işlemek üçin aýdylan üç metod hem -
addClass,
removeClass,
toggleClass
parametr hökmünde birnäçe klasy hem kabul edip bilýär,
we şeýle hem toplumdaky her elemente funksiýany ulanmaga rugsat berýär.
Ýokarda berlen mysalyň kodyny düzediň - başda
red klassy atributa ýazyň we soňra
red klassyň diňe aýrylmagyny ediň.
