jQuery တွင် toggleClass method ဖြင့် class ကို တင်းကျပ်စွာ ဖျက်ခြင်း နှင့် ထည့်ခြင်း

toggleClass ထဲတွင် သင်သည် true သို့မဟုတ် false အဖြစ် ပြည်နယ်အခြေအနေကို parameter တစ်ခု ပေးနိုင်ပြီး၊ ထိုအခါ class သည် ထည့်မည် သို့မဟုတ် ဖျက်မည် သာဖြစ်ပါလိမ့်မည်။

ကျွန်ုပ်တို့တွင် အောက်ပါ CSS class များ ရှိသည်ဆိုပါစို့:

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

အပိုဒ်တွင် class zzz ကို အသုံးပြုထားသည်:

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

နှိပ်လိုက်သည့်အခါ class red ကို ထည့်ရန် ပြုလုပ်ကြပါစို့:

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

သင်မြင်တွေ့ရသည့်အတိုင်း၊ ထပ်မံနှိပ်သောအခါ ပြောင်းလဲမှု ဘာမှမဖြစ်ပါ။

class များနှင့် အလုပ်လုပ်ရန် ဖော်ပြထားသော method သုံးခု - addClass, removeClass, toggleClass တို့သည် parameter တစ်ခုအနေဖြင့် class အများအပြားကို လက်ခံနိုင်ပြီး၊ set ထဲရှိ element တစ်ခုစီအတွက် function တစ်ခုကို အသုံးပြုခွင့်ပြုပါသည်။

အထက်ဖော်ပြပါ နမူနာ code ကို ပြင်ဆင်ပါ - အစပိုင်းတွင် attribute ထဲသို့ class red ကို ရေးထည့်ပြီး ထို့နောက် class red ကို ဖျက်ရန်သာ ပြုလုပ်ပါ။