jQuery - အကြောင်းအရာနှင့် အရည်အချင်းများကို သတ်မှတ်ပါ ။
အကြောင်းအရာ သတ်မှတ်ပါ - text(), html(), နှင့် val()
အကြောင်းအရာကို သတ်မှတ်ရန် ယခင်စာမျက်နှာမှ တူညီသော နည်းလမ်းသုံးသွယ်ကို အသုံးပြုပါမည် ။
text()
- ရွေးချယ်ထားသော ဒြပ်စင်များ၏ စာသားအကြောင်းအရာကို သတ်မှတ်ခြင်း သို့မဟုတ် ပြန်ပေးသည်။html()
- ရွေးချယ်ထားသော ဒြပ်စင်များ၏ အကြောင်းအရာ (HTML markup အပါအဝင်) ကို သတ်မှတ် သို့မဟုတ် ပြန်ပေးသည်val()
- ပုံစံအကွက်များ၏တန်ဖိုးကို သတ်မှတ်ခြင်း သို့မဟုတ် ပြန်ပေးသည်။
အောက်ပါဥပမာသည် jQuery text()
, html()
, နှင့် val()
နည်းလမ်းများဖြင့် အကြောင်းအရာကို သတ်မှတ်နည်းကို သရုပ်ပြသည်-
ဥပမာ
$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});
စာသား(), html(), နှင့် val() အတွက် ပြန်ခေါ်သည့် လုပ်ဆောင်ချက်
အထက်ဖော်ပြပါ jQuery နည်းလမ်းသုံးမျိုးစလုံး- text()
, html()
, နှင့် val()
, တို့ကိုလည်း ပြန်ခေါ်သည့် လုပ်ဆောင်ချက်ပါရှိသည်။ ပြန်ခေါ်သည့်လုပ်ဆောင်ချက်တွင် ကန့်သတ်ချက်နှစ်ခုရှိသည်- ရွေးထားသောဒြပ်စင်များစာရင်းရှိ လက်ရှိဒြပ်စင်၏အညွှန်းနှင့် မူရင်း (အဟောင်း) တန်ဖိုး။ ထို့နောက် သင်သည် လုပ်ဆောင်ချက်မှ တန်ဖိုးအသစ်အဖြစ် သင်အသုံးပြုလိုသော စာကြောင်းကို ပြန်ပေးသည်။
အောက်ဖော်ပြပါ ဥပမာ သည် ပြန်ခေါ်သည့်လုပ်ဆောင်ချက် text()
ဖြင့် သရုပ်ပြသည်-html()
ဥပမာ
$("#btn1").click(function(){
$("#test1").text(function(i, origText){
return "Old text: " + origText + " New text: Hello world!
(index: " + i + ")";
});
});
$("#btn2").click(function(){
$("#test2").html(function(i, origText){
return "Old html: " + origText + " New html: Hello
<b>world!</b>
(index: " + i + ")";
});
});
သတ်မှတ်အရည်အချင်းများ - attr()
jQuery attr()
နည်းလမ်းကို attribute တန်ဖိုးများကို သတ်မှတ်/ပြောင်းလဲရန်လည်း အသုံးပြုပါသည်။
အောက်ဖော်ပြပါ ဥပမာသည် လင့်ခ်တစ်ခုရှိ href attribute ၏တန်ဖိုး (သတ်မှတ်) ကို မည်သို့ပြောင်းလဲရမည်ကို သရုပ်ပြသည်-
ဥပမာ
$("button").click(function(){
$("#w3s").attr("href", "https://www.w3schools.com/jquery/");
});
နည်းလမ်း သည် attr()
သင့်အား တစ်ချိန်တည်းတွင် များစွာသော attribute များကို သတ်မှတ်နိုင်သည်။
အောက်ပါဥပမာသည် href နှင့် title attribute နှစ်ခုလုံးကို တစ်ပြိုင်နက်တည်းသတ်မှတ်နည်းကို သရုပ်ပြသည်-
ဥပမာ
$("button").click(function(){
$("#w3s").attr({
"href" : "https://www.w3schools.com/jquery/",
"title" : "W3Schools jQuery Tutorial"
});
});
attr() အတွက် ပြန်ခေါ်သည့်လုပ်ဆောင်ချက်
jQuery method attr()
သည် callback function ပါရှိပါသည်။ ပြန်ခေါ်သည့်လုပ်ဆောင်ချက်တွင် ကန့်သတ်ချက်နှစ်ခုရှိသည်- ရွေးထားသောဒြပ်စင်များစာရင်းရှိ လက်ရှိဒြပ်စင်၏အညွှန်းနှင့် မူရင်း (အဟောင်း) ရည်ညွှန်းချက်တန်ဖိုး။ ထို့နောက် သင်သည် လုပ်ဆောင်ချက်မှ ရည်ညွှန်းချက်တန်ဖိုးအသစ်အဖြစ် သင်အသုံးပြုလိုသော စာကြောင်းကို ပြန်ပေးသည်။
အောက်ဖော်ပြပါ ဥပမာ attr()
သည် ပြန်ခေါ်သည့်လုပ်ဆောင်ချက်ဖြင့် သရုပ်ပြသည်-
ဥပမာ
$("button").click(function(){
$("#w3s").attr("href", function(i, origValue){
return origValue + "/jquery/";
});
});
jQuery လေ့ကျင့်ခန်းများ
jQuery HTML အကိုးအကား
jQuery HTML နည်းလမ်းများအားလုံး၏ ပြီးပြည့်စုံသောခြုံငုံသုံးသပ်ချက်အတွက်၊ ကျွန်ုပ်တို့၏ jQuery HTML/CSS ရည်ညွှန်းချက် သို့ သွားပါ ။