jQuery - CSS အတန်းများကို ရယူပြီး သတ်မှတ်ပါ။
jQuery ဖြင့်၊ ၎င်းသည် ဒြပ်စင်များ၏စတိုင်ကို စီမံခန့်ခွဲရန် လွယ်ကူသည်။
jQuery CSS ကို Manipulating
jQuery တွင် CSS ကို ကိုင်တွယ်ရန် နည်းလမ်းများစွာ ရှိသည်။ အောက်ပါနည်းလမ်းများကို ကြည့်ရှုပါမည်။
addClass()
- ရွေးချယ်ထားသော အစိတ်အပိုင်းများသို့ တစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော အတန်းများကို ပေါင်းထည့်ပါ။removeClass()
- ရွေးချယ်ထားသော အစိတ်အပိုင်းများမှ တစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော အတန်းများကို ဖယ်ရှားပါ။toggleClass()
- ရွေးချယ်ထားသောဒြပ်စင်များမှအတန်းများပေါင်းထည့်ခြင်း/ဖယ်ရှားခြင်းကြားမှခလုတ်များcss()
- စတိုင်အရည်အသွေးကို သတ်မှတ်ခြင်း သို့မဟုတ် ပြန်ပေးသည်။
နမူနာပုံစံစာရွက်
ဤစာမျက်နှာရှိ နမူနာအားလုံးအတွက် အောက်ပါစတိုင်စာရွက်ကို အသုံးပြုပါမည်-
.important
{
font-weight: bold;
font-size: xx-large;
}
.blue
{
color: blue;
}
jQuery addClass() နည်းလမ်း
အောက်ပါဥပမာသည် မတူညီသောဒြပ်စင်များသို့ class attribute များထည့်နည်းကိုပြသထားသည်။ အတန်းများပေါင်းထည့်သောအခါတွင် အစိတ်အပိုင်းများစွာကို သင်ရွေးချယ်နိုင်သည်-
ဥပမာ
$("button").click(function(){
$("h1, h2, p").addClass("blue");
$("div").addClass("important");
});
addClass()
နည်းလမ်း အတွင်းတွင် အတန်းများစွာကိုလည်း သင်သတ်မှတ်နိုင်သည် -
ဥပမာ
$("button").click(function(){
$("#div1").addClass("important blue");
});
jQuery removeClass() နည်းလမ်း
အောက်ပါဥပမာသည် မတူညီသောဒြပ်စင်များမှ သီးခြားအတန်းရည်ညွှန်းချက်ကို ဖယ်ရှားနည်းကို ပြသသည်-
ဥပမာ
$("button").click(function(){
$("h1, h2, p").removeClass("blue");
});
jQuery toggleClass() နည်းလမ်း
အောက်ပါဥပမာသည် jQuery toggleClass()
နည်းလမ်းကိုအသုံးပြုပုံကိုပြသလိမ့်မည်။ ဤနည်းလမ်းသည် ရွေးချယ်ထားသောဒြပ်စင်များမှ အတန်းများကို ပေါင်းထည့်ခြင်း/ဖယ်ရှားခြင်းကြားတွင် ပြောင်းသွားသည်-
ဥပမာ
$("button").click(function(){
$("h1, h2, p").toggleClass("blue");
});
jQuery css() နည်းလမ်း
jQuery css()
နည်းလမ်းကို နောက်အခန်းတွင် ရှင်းပြပါမည်။
jQuery လေ့ကျင့်ခန်းများ
jQuery CSS အကိုးအကား
jQuery CSS နည်းလမ်းများအားလုံး၏ ပြီးပြည့်စုံသောခြုံငုံသုံးသပ်ချက်အတွက် ကျေးဇူးပြု၍ ကျွန်ုပ်တို့၏ jQuery HTML/CSS ရည်ညွှန်းချက် သို့ သွားပါ ။