jQuery တွင် element တစ်ခုအတွက် class ထည့်သွင်းခြင်း
သတိပေးချက် - HTML ကုဒ်ရှိ
class
attribute ထဲတွင် class များစွာကို space ခြားပြီး ရေးသားနိုင်ပါသည်။
အောက်ပါအခြေအနေကို စိတ်ကူးကြည့်ပါ - သင်၌ရှိပြီးသား class များကို မဖျက်ဆီးဘဲ ယင်းတို့ထံမှ class အသစ်တစ်ခုထပ်ထည့်လိုသည်။ ထိုသို့သောအခြေအနေတွင်
.attr('class', 'new-class') ဟု ရိုးရိုးလုပ်ဆောင်ခြင်း (attr method ကို အသုံးပြု၍) သည် မဖြစ်နိုင်ပါ - သင်၏ attribute ထဲတွင်ရှိပြီးသား class များကို ဖျက်ဆီးမိမည် ဖြစ်သည်။
ဟုတ်ပါသည်၊ ဦးစွာ attribute ထဲတွင်ရှိပြီးသား class များကို ဖတ်ပြီး၊ ကျွန်ုပ်တို့၏ class ကို space ဖြင့်ခြားကာ ပေါင်းထည့်၍ အားလုံးကို attribute ထဲသို့ ပြန်ရေးနိုင်ပါသည်။ သို့သော် ထိုထက် ပို၍လွယ်ကူသောနည်းလမ်းရှိပါသည် - jQuery တွင် ထိုကဲ့သို့သောအရာများအတွက်
addClass method ကို ကြိုတင်ပြင်ဆင်ထားပါသည်။
addClass method သည် အခြား class များကို မဖျက်ဆီးဘဲ element (သို့မဟုတ် element များ) ထံသို့ class ထည့်သွင်းခွင့်ပြုသည်။ သင် element ထဲသို့ ထည့်သွင်းလိုသော class ကို ယင်း method ၏ parameter အဖြစ် လက်ခံသည်။
အောက်ပါဥပမာတွင် class နှစ်ခုပါရှိသော element တစ်ခုရှိသည် - class="www zzz":
<p class="www zzz" id="test">text</p>
ကျွန်ုပ်တို့သည် ၎င်းထံသို့ class တတိယဖြစ်သော - kkk ကို ထပ်မံထည့်သွင်းနိုင်သည်။ ရလဒ်အနေဖြင့် attribute ၏အကြောင်းအရာသည် အောက်ပါအတိုင်းဖြစ်လာမည် - class="www zzz kkk":
$('#test').addClass('kkk');
HTML ကုဒ်သည် အောက်ပါအတိုင်းဖြစ်လာမည်:
<p class="www zzz kkk" id="test">text</p>
li အားလုံးထံသို့ class test ကို ထည့်သွင်းပါ။
