jQuery-ում toggleClass մեթոդով դասի խիստ հեռացում և ավելացում

Նաև toggleClass-ում կարելի է փոխանցել վիճակի պարամետր, ինչպիսին է true կամ false, այդ դեպքում դասը կամ կավելացվի, կամ կհեռացվի:

Ենթադրենք ունենք հետևյալ CSS դասերը.

.red {
	color: red;
}
	
.zzz {
	font-style: italic;
}

zzz դասը կիրառված է պարբերությանը.

<p class="zzz" id="test">text</p>
<button>click</button>

Եկեք սեղմելու դեպքում միայն ավելացնենք red դասը.

$('button').click(function() {
	$('#test').toggleClass('red', true);
});

Ինչպես տեսնում եք, կրկին սեղմելու դեպքում ոչինչ չի փոխվում:

Դասերի հետ աշխատելու բոլոր երեք նշված մեթոդները՝ addClass, removeClass, toggleClass կարող են նաև ընդունել որպես պարամետր մի քանի դասեր, ինչպես նաև թույլ են տալիս ֆունկցիայի կիրառումը հավաքածուի յուրաքանչյուր տարրի նկատմամբ:

Ուղղեք վերևում բերված օրինակի կոդը՝ սկզբում գրեք red դասը ատրիբուտում և ապա կատարեք այնպես, որ red դասը միայն հեռացվի: