jQuery အပ်ပေးကုန်း

jQuery အားဖြင့် အချက်အလက် အသစ် အပ်ပေးကုန်း ကို လွယ်ကူကုန်း

အချက်အလက် အသစ် အပ်ပေးကုန်း

ကျွန်တော်တို့ သည် အချက်အလက် အသစ် အပ်ပေးကုန်းအတွက် အသုံးပြုကုန်းသည့် လုပ်ငန်းတခုခု လုပ်ငန်းတခုခု ကို လေ့လာကုန်းပြီ။

  • append() - အချက်အလက် အဆုံးအစိတ်အတိုင်း တွင် အပ်ပေးကုန်း
  • prepend() - အချက်အလက် အစိတ်အတိုင်း တွင် အပ်ပေးကုန်း
  • after() - အချက်အလက် အဆုံးအစိတ်အတိုင်း တွင် အပ်ပေးကုန်း
  • before() - အချက်အလက် အစိတ်အတိုင်း တွင် အပ်ပေးကုန်း

jQuery append() မီးရထား အားလုံး

jQuery append() မီးရထား အားလုံး အချက်အလက် အဆုံးအစိတ်အတိုင်း တွင် အပ်ပေးကုန်း

အကျိုးသက်

$("p").append("Some appended text.");

ကိုယ်တိုင် ကြိုးစားပါ

jQuery prepend() မီးရထား အားလုံး

jQuery prepend() မီးရထား အားလုံး အချက်အလက် အစိတ်အတိုင်း တွင် အပ်ပေးကုန်း

အကျိုးသက်

$("p").prepend("Some prepended text.");

ကိုယ်တိုင် ကြိုးစားပါ

append() မီးရထား မီးရထား နှင့် prepend() မီးရထား မီးရထား အားလုံး အပ်ပေးကုန်း

အောက်ပါ အကျိုးသတ္တိတွေ တွင်，ကျွန်တော်တို့ အချက်အလက်တွေ ကို အချက်အလက် အစိတ်အတိုင်း သို့မဟုတ် အဆုံးအစိတ်အတိုင်း တွင် အပ်ပေးကုန်းပြီ

append() မီးရထား မီးရထား နှင့် prepend() မီးရထား မီးရထား အားလုံး အရေးယူခြင်း ကို ပြင်ဆင်ကုန်းပြီ။ အထူးသဖြင့်၊ ပြည်ထောင်စု ကို jQuery အားဖြင့် ဖန်တီးကုန်းကုန်း သို့မဟုတ် အခြား JavaScript အုပ်ချုပ်ကုန်း နှင့် DOM အားဖြင့် ဖန်တီးကုန်းကုန်း ပြီ

အောက်ပါ အကျိုးသတ္တိတွေ တွင်，ကျွန်တော်တို့ တခုခုခု တို့ တခုခု တို့ တခုခု တို့ ဖန်တီးကုန်းပြီ။ အထူးသဖြင့်၊ အကျိုးသတ္တိတွေ အား text/HTML အားဖြင့် သို့မဟုတ် jQuery အားဖြင့် သို့မဟုတ် JavaScript/DOM အားဖြင့် ဖန်တီးကုန်းပြီ။ ပြီးတော့ ကျွန်တော်တို့ အကျိုးသတ္တိတွေ ကို append() မီးရထား မီးရထား ပြီးနောက် အချက်အလက်တွေ အား အပ်ပေးကုန်းပြီ။ (prepend() မီးရထား အားလုံး လည်း ပြီးနောက် ဖြစ်ပါတယ်):

အကျိုးသက်

function appendText()
{
var txt1="<p>Text.</p>";               // ပြည်ထောင်စု တခုခု ဖန်တီးကုန်း
var txt2=$("<p></p>").text("Text.");   // ပြည်ထောင်စု တခုခု ဖန်တီးကုန်း
var txt3=document.createElement("p");  // DOM ဖြင့် အသစ် အရာ ဖန်တီး
txt3.innerHTML="Text.";
$("p").append(txt1,txt2,txt3);         // အသစ် အရာများ ထပ်ထည့်
}

ကိုယ်တိုင် ကြိုးစားပါ

jQuery after() နှင့် before() စက်မှု

jQuery after() စက်မှု ဖြင့် အခြေအား နောက်မှ အသစ် အရာများ ထိန်းထား

jQuery before() စက်မှု ဖြင့် အခြေအား အရှေ့မှ အသစ် အရာများ ထိန်းထား

အကျိုးသက်

$("img").after("Some text after");
$("img").before("Some text before");

ကိုယ်တိုင် ကြိုးစားပါ

အသစ် အရာများ ဖြင့် after() နှင့် before() စက်မှု ထိန်းထား

after() နှင့် before() စက်မှုများ အပြင်းအထန် အပျက်အဖြတ် အရာများ ကို လက်ခံပါကြသည်။ အရာများ ကို text/HTML、jQuery သို့မဟုတ် JavaScript/DOM ဖြင့် ဖန်တီးပါကြသည်။

အောက်ပါ အကျိုးသက် တွင်，ကျွန်ုပ်တို့ အသစ် အရာများ ဖန်တီးပါကြသည်။ အရာများ ကို text/HTML、jQuery သို့မဟုတ် JavaScript/DOM ဖြင့် ဖန်တီးပြီး，after() စက်မှု ဖြင့် အရာများ ထိန်းထားပါကြသည် (before() စက်မှု လည်းပဲ အခြေအားဖြင့် လုပ်ဆောင်ပါ)။

အကျိုးသက်

function afterText()
{
var txt1="<b>I </b>";                    // HTML ဖြင့် အသစ် အရာ ဖန်တီး
var txt2=$("<i></i>").text("ကြောင်း ");     // jQuery ဖြင့် အသစ် အရာ ဖန်တီး
var txt3=document.createElement("big");  // DOM ဖြင့် အသစ် အရာ ဖန်တီး
txt3.innerHTML="jQuery!";
$("img").after(txt1,txt2,txt3);          // img နောက်မှ အသစ် အရာများ ထိန်းထား
}

ကိုယ်တိုင် ကြိုးစားပါ

jQuery HTML လိုင်းတင်

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