Eliminarea și adăugarea strictă a clasei cu metoda toggleClass în jQuery
De asemenea, în toggleClass poți transmite
un parametru de stare, cum ar fi true sau false,
atunci clasa va fi fie doar adăugată, fie
doar eliminată.
Să presupunem că avem următoarele clase CSS:
.red {
color: red;
}
.zzz {
font-style: italic;
}
Clasa zzz este aplicată paragrafului:
<p class="zzz" id="test">text</p>
<button>click</button>
Să adăugăm doar clasa red
la click:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
După cum puteți vedea, la un nou click nu se produce nicio modificare.
Toate cele trei metode enumerate pentru lucrul
cu clase - addClass,
removeClass,
toggleClass
pot primi, de asemenea, ca parametru mai multe clase,
și permit, de asemenea, aplicarea unei funcții pentru fiecare element din set.
Corectați codul exemplului de mai sus - inițial
adăugați clasa red în atribut și apoi
faceți astfel încât clasa red să fie doar eliminată.