jQuery 获取并设置 CSS 类
- အရှေ့စား စား jQuery ဖျက်သိမ်း
- နောက်ပိုင်း စား jQuery css()
jQuery သည် CSS အရာတွေ အေးချမ်းအုပ်ချုပ် အနေဖြင့် လက်ရှိအောင်မြင်စွာ ပြုလုပ်နိုင်သည်
jQuery အေးချမ်းအုပ်ချုပ်
jQuery သည် CSS အေးချမ်းအုပ်ချုပ် အမျိုးမျိုး အသုံးပြုနိုင်သော စမ်းသပ်များ ရှိသည်။ ကျွန်တော်တို့သည် အောက်ပါ စမ်းသပ်များ ကြည့်ပါ
- addClass() - ရွေးချယ်ထားသော အရာတွေ တွင် class အချက်အလက် အသုံးပြု
- removeClass() - ရွေးချယ်ထားသော အရာတွေ တွင် class အချက်အလက် ဖျက်သိမ်း
- toggleClass() - ရွေးချယ်ထားသော အရာတွေ တွင် class အသုံးပြု/ဖျက်သိမ်း ပြောင်းလဲခြင်း
- css() - အေးချမ်းအုပ်ချုပ် စမ်းသပ်/အေးချမ်းအုပ်ချုပ် ပြန်လည်ရယူ
အမှတ်ပြ အေးချမ်းအုပ်ချုပ်
အောက်ပါ အေးချမ်းအုပ်ချုပ် အုပ်ချုပ်ရာ အေးချမ်းအုပ်ချုပ် အမျိုးမျိုး အသုံးပြုရမည်
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
jQuery addClass() စမ်းသပ်
အောက်ပါ အမှတ်ပြ သည် အချက်အလက်တွေ အမျိုးမျိုး တွင် class အချက်အလက် အသုံးပြုခြင်း ပြောကြားထားသည်။ ထို့ပြင် အသုံးပြုနိုင်သော အရာတွေများ အမျိုးမျိုး အသုံးပြုနိုင်သည်
အမှတ်ပြ
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
သို့တည်းမဟုတ် addClass() စမ်းသပ် တွင် အသုံးပြုနိုင်သော အချက်အလက်များ အသုံးပြုရမည်
အမှတ်ပြ
$("button").click(function(){
$("#div1").addClass("important blue");
});
jQuery removeClass() စမ်းသပ်
အောက်ပါ အမှတ်ပြ သည် အချက်အလက်တွေ အမျိုးမျိုး တွင် အမည်ရှိသော class အချက်အလက် ဖျက်သိမ်းခြင်း ပြောကြားထားသည်
အမှတ်ပြ
$("button").click(function(){
$("h1,h2,p").removeClass("blue");
});
jQuery toggleClass() စမ်းသပ်
အောက်ပါ အမှတ်ပြ သည် jQuery toggleClass() စမ်းသပ်လိုက် အနေဖြင့် ဖော်ပြထားသည်။ ထိုစမ်းသပ်သည် ရွေးချယ်ထားသော အရာတွေသို့ class အသုံးပြုခြင်း/ဖျက်သိမ်းခြင်း ပြောင်းလဲကြောင်း ပြောကြားသည်
အမှတ်ပြ
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});
jQuery css() စမ်းသပ်
နောက်လာမည့်ပိုင်းတွင် ကျမ်းကို လက်တင်သုံးနည်းကျမ်း jQuery css() စမ်းသပ်ရမည်
jQuery HTML လက်တင်သုံးနည်းကျမ်း
jQuery CSS ဘဏ္ဍာရေးများ ပြည့်စုံပြီး ကျမ်းကို မေတ္တာမှ ကြည့်ရမည် jQuery CSS လက်တင်သုံးနည်းကျမ်း
- အရှေ့စား စား jQuery ဖျက်သိမ်း
- နောက်ပိုင်း စား jQuery css()
