jQuery ကျူတိုရီရယ်

jQuery ပင်မစာမျက်နှာ jQuery မိတ်ဆက် jQuery စတင်လိုက်ပါ။ jQuery Syntax jQuery ရွေးချယ်မှုများ jQuery ပွဲများ

jQuery အကျိုးသက်ရောက်မှုများ

jQuery ဖျောက်/ပြပါ။ jQuery အရောင်မှိန်ခြင်း။ jQuery Slide jQuery Animate jQuery stop() jQuery ပြန်ခေါ်ပါ။ jQuery ချိတ်ဆက်ခြင်း။

jQuery HTML

jQuery ကိုရယူပါ။ jQuery သတ်မှတ် jQuery ကိုထည့်ပါ။ jQuery ကိုဖယ်ရှားပါ။ jQuery CSS အတန်းများ jQuery css() jQuery အတိုင်းအတာများ

jQuery လမ်းလျှောက်ခြင်း။

jQuery လမ်းလျှောက်ခြင်း။ jQuery ဘိုးဘေးများ jQuery မျိုးဆက်များ jQuery မောင်နှမများ jQuery စစ်ထုတ်ခြင်း။

jQuery AJAX

jQuery AJAX နိဒါန်း jQuery Load jQuery Get/Post

jQuery ထွေ

jQuery noConflict() jQuery စစ်ထုတ်မှုများ

jQuery ဥပမာများ

jQuery ဥပမာများ jQuery စာမေးပွဲ jQuery လေ့ကျင့်ခန်းများ jQuery လက်မှတ်

jQuery ကိုးကားချက်များ

jQuery ခြုံငုံသုံးသပ်ချက် jQuery ရွေးချယ်မှုများ jQuery ပွဲများ jQuery အကျိုးသက်ရောက်မှုများ jQuery HTML/CSS jQuery လမ်းလျှောက်ခြင်း။ jQuery AJAX jQuery ထွေ jQuery ဂုဏ်သတ္တိများ

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 လေ့ကျင့်ခန်းများ

လေ့ကျင့်ခန်းများဖြင့် သင့်ကိုယ်သင် စမ်းသပ်ပါ။

လေ့ကျင့်ခန်း

<div> ဒြပ်စင်၏ စာသားကို "Hello World" သို့ ပြောင်းရန် jQuery နည်းလမ်းကို အသုံးပြုပါ ။

$("div").("");


jQuery HTML အကိုးအကား

jQuery HTML နည်းလမ်းများအားလုံး၏ ပြီးပြည့်စုံသောခြုံငုံသုံးသပ်ချက်အတွက်၊ ကျွန်ုပ်တို့၏ jQuery HTML/CSS ရည်ညွှန်းချက် သို့ သွားပါ ။