jQuery - အကြောင်းအရာနှင့် အရည်အချင်းများကို ရယူပါ ။
jQuery တွင် HTML ဒြပ်စင်များနှင့် အရည်အချင်းများကို ပြောင်းလဲခြင်းနှင့် ကြိုးကိုင်ခြင်းအတွက် အစွမ်းထက်သောနည်းလမ်းများ ပါရှိသည်။
jQuery DOM Manipulation
jQuery ၏ အလွန်အရေးကြီးသော အစိတ်အပိုင်းတစ်ခုမှာ DOM ကို ကိုင်တွယ်ရန် ဖြစ်နိုင်ခြေရှိသည်။
jQuery သည် ဒြပ်စင်များနှင့် ရည်ညွှန်းချက်များကို လွယ်ကူစွာဝင်ရောက်ရန်နှင့် စီမံခန့်ခွဲနိုင်စေရန် DOM ဆက်စပ်နည်းလမ်းများစွာပါရှိသည်။
DOM = Document Object Model
DOM သည် HTML နှင့် XML စာရွက်စာတမ်းများကို ဝင်ရောက်အသုံးပြုခြင်းအတွက် စံသတ်မှတ်ချက်တစ်ခုဖြစ်သည်-
"W3C Document Object Model (DOM) သည် ပရိုဂရမ်များနှင့် scripts များကို dynamically access လုပ်ပြီး update လုပ်ခွင့်ပြုသော platform နှင့် language-neutral interface တစ်ခုဖြစ်ပြီး၊ စာရွက်စာတမ်းပုံစံ။"
အကြောင်းအရာရယူပါ - text(), html(), နှင့် val()
DOM ခြယ်လှယ်မှုအတွက် ရိုးရှင်းသော်လည်း အသုံးဝင်သော jQuery နည်းလမ်းသုံးမျိုးမှာ-
text()
- ရွေးချယ်ထားသော ဒြပ်စင်များ၏ စာသားအကြောင်းအရာကို သတ်မှတ်ခြင်း သို့မဟုတ် ပြန်ပေးသည်။html()
- ရွေးချယ်ထားသော ဒြပ်စင်များ၏ အကြောင်းအရာ (HTML markup အပါအဝင်) ကို သတ်မှတ် သို့မဟုတ် ပြန်ပေးသည်val()
- ပုံစံအကွက်များ၏တန်ဖိုးကို သတ်မှတ်ခြင်း သို့မဟုတ် ပြန်ပေးသည်။
text()
အောက်ပါဥပမာသည် jQuery နှင့် html()
နည်းလမ်းများ ဖြင့် အကြောင်းအရာကို မည်သို့ရယူရမည်ကို သရုပ်ပြသည် -
ဥပမာ
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
val()
အောက်ပါဥပမာသည် jQuery method ဖြင့် input field တစ်ခု၏တန်ဖိုးကို မည်သို့ရယူရမည်ကို သရုပ်ပြသည် -
ဥပမာ
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});
အရည်အချင်းများကို ရယူပါ - attr()
jQuery attr()
နည်းလမ်းကို attribute တန်ဖိုးများရယူရန် အသုံးပြုသည်။
အောက်ဖော်ပြပါ ဥပမာသည် လင့်ခ်တစ်ခုရှိ href attribute ၏တန်ဖိုးကို မည်သို့ရယူရမည်ကို သရုပ်ပြသည်-
ဥပမာ
$("button").click(function(){
alert($("#w3s").attr("href"));
});
နောက်အခန်းတွင် အကြောင်းအရာနှင့် ရည်ညွှန်းချက်တန်ဖိုးများကို သတ်မှတ်ပုံ (ပြောင်းလဲခြင်း) ကို ရှင်းပြထားသည်။
jQuery လေ့ကျင့်ခန်းများ
jQuery HTML အကိုးအကား
jQuery HTML နည်းလမ်းများအားလုံး၏ ပြီးပြည့်စုံသောခြုံငုံသုံးသပ်ချက်အတွက်၊ ကျွန်ုပ်တို့၏ jQuery HTML/CSS ရည်ညွှန်းချက် သို့ သွားပါ ။