Method addClass
Method addClass သည်
သတ်မှတ်ထားသော CSS class ကို element သို့ ထည့်ပေးသည်။
Syntax
CSS class တစ်ခု:
$(selector).addClass(CSS class အမည်);
CSS classes အများအပြား (string အနေဖြင့်):
$(selector).addClass('class1 class2 class3 ...');
CSS classes အများအပြား (array အနေဖြင့်):
$(selector).addClass(['class1', 'class2', 'class3', '...']);
Set ထဲရှိ element တစ်ခုစီအတွက် function ကို အသုံးပြုခြင်း:
$(selector).addClass(function(set ထဲရှိ အစဉ်လဲက, element ၏ လက်ရှိ CSS classes များ));
ဥပမာ
ကျွန်ုပ်တို့၏ paragraph တွင် class များ လုံးဝမရှိပါ။
ထို paragraph သို့ class www ကို ထည့်လိုက်ကြပါစို့:
<p id="test">text</p>
$('#test').addClass('www');
HTML code သည် အောက်ပါအတိုင်း ဖြစ်လာမည်:
<p id="test" class="www">text</p>
ဥပမာ
ကျွန်ုပ်တို့၏ paragraph တွင် class ရှိပြီးသားဖြစ်သည်။
ထို paragraph သို့ class www ကို ထပ်ထည့်လိုက်ကြပါစို့:
<p id="test" class="eee">text</p>
$('#test').addClass('www');
HTML code သည် အောက်ပါအတိုင်း ဖြစ်လာမည်:
<p id="test" class="eee www">text</p>
ဥပမာ
ကျွန်ုပ်တို့၏ paragraph တွင် class နှစ်ခု ရှိပြီးသားဖြစ်သည်။
ထို paragraph သို့ class www ကို ထပ်ထည့်လိုက်ကြပါစို့:
<p id="test" class="eee ggg">text</p>
$('#test').addClass('www');
HTML code သည် အောက်ပါအတိုင်း ဖြစ်လာမည်:
<p id="test" class="eee ggg www">text</p>
ဥပမာ
ကျွန်ုပ်တို့၏ paragraph တွင် class ရှိပြီးသားဖြစ်သည်။
ထို paragraph သို့ class နှစ်ခု - www နှင့် ggg တို့ကို ထပ်ထည့်လိုက်ကြပါစို့:
<p id="test" class="eee">text</p>
$('#test').addClass('www ggg');
HTML code သည် အောက်ပါအတိုင်း ဖြစ်လာမည်:
<p id="test" class="eee www ggg">text</p>
ဆက်လက်ကြည့်ရှုရန်
-
methods
removeClass,toggleClass,hasClass -
JavaScript property
classlist,
အကူအညီဖြင့် CSS classes များကို pure JavaScript ဖြင့် element သို့ ထည့်ခြင်း၊ ဖယ်ရှားခြင်း ပြုလုပ်နိုင်သည်။
