Griežtas klasės pašalinimas ir pridėjimas naudojant toggleClass metodą jQuery
Taip pat į toggleClass galima perduoti
būsenos parametrą, pvz., true arba false,
tada klasė bus arba tik pridedama, arba
tik pašalinama.
Tarkime, kad turime šias CSS klases:
.red {
color: red;
}
.zzz {
font-style: italic;
}
Prie pastraipos taikoma klasė zzz:
<p class="zzz" id="test">text</p>
<button>click</button>
Paspausdami pridėsime tik klasę red:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Kaip matote, paspaudus pakartotinai neįvyksta jokių pakeitimų.
Visi trys minėti metodai darbui
su klasėmis - addClass,
removeClass,
toggleClass
taip pat gali priimti kelias klases kaip parametrą,
ir leidžia taikyti funkciją kiekvienam elementų rinkinio elementui.
Pataisykite aukščiau pateikto pavyzdžio kodą - iš pradžių
įrašykite klasę red į atributą ir padarykite
kad klasė red būtų tik pašalinama.
