data နည်းလမ်း

data နည်းလမ်းသည် DOM အစိတ်အပိုင်းများသို့ မည်သည့်အမျိုးအစား ဒေတာမဆို လုံခြုံသောနည်းလမ်းဖြင့် ချိတ်ဆက်ပေးနိုင်ပြီး၊ မှတ်ဉာဏ်ယိုစိမ့်မှုများကို ရှောင်ရှားနိုင်ပါသည်။ ကျွန်ုပ်တို့သည် အစိတ်အပိုင်းတစ်ခုအတွက် မတူညီသောတန်ဖိုးများစွာ သတ်မှတ်နိုင်ပြီး နောက်ပိုင်းတွင် ၎င်းတို့ကို ရယူနိုင်ပါသည်။ data နည်းလမ်းကို အသုံးပြုပြီး ဒေတာများမွမ်းမံခြင်းသည် DOM အတွင်းရှိ ဂုဏ်သတ္တိများအပေါ် သက်ရောက်မှုမရှိပါ။

ဝါကျဖွဲ့စည်းပုံ

ဤနည်းဖြင့် ကျွန်ုပ်တို့သည် မည်သည့်အစိတ်အပိုင်းအတွက်မဆို တန်ဖိုးတစ်ခုနှင့် သော့ချက်တစ်ခုကို သတ်မှတ်ပေးနိုင်ပြီး၊ နောက်ပိုင်းတွင် ၎င်းသော့ချက်ဖြင့် ပြန်လည်ရှာဖွေနိုင်ပါသည်။

javascript.data(သော့ချက်, တန်ဖိုး);

ဒေတာများမွမ်းမံရန် သော့ချက်-တန်ဖိုး စုံတွဲများပါရှိသော အရာဝတ္ထုတစ်ခုကိုလည်း ပေးပို့နိုင်ပါသည်။

javascript.data(အရာဝတ္ထု);

jQuery စုစည်းမှုအတွင်းရှိ ပထမဆုံးအစိတ်အပိုင်းနှင့် ဆက်နွယ်ထားသော ဒေတာများကို သော့ချက်တစ်ခုတည်းပေးပို့၍ ရယူနိုင်ပါသည်။

javascript.data(သော့ချက်);

မည်သည့်အချက်အလက်မှ မပေးပို့ဘဲ၊ ကျွန်ုပ်တို့သည် ယခင်က DOM အစိတ်အပိုင်းများနှင့် ဆက်နွယ်ခဲ့သော ဒေတာများကို ဖတ်ရှုနိုင်ပါသည်။ ဤနည်းလမ်းသည် JavaScript အရာဝတ္ထုတစ်ခုကို ပြန်ပေးမည်ဖြစ်ပြီး၊ ဂုဏ်သတ္တိတစ်ခုစီအဖြစ် တန်ဖိုးတစ်ခုစီပါဝင်မည်။

javascript.data();

ဥပမာ

data ကို အသုံးပြု၍ p တဂ်အတွက် ဒေတာများသတ်မှတ်ကြပါစို့၊ ပထမအချက်အလက်အဖြစ် 'test' နှင့် ဒုတိယအတွက် တန်ဖိုး 21 ကို ပေးပို့ပါ။ ထို့နောက် 'test' သော့ချက်ဖြင့် သိမ်းဆည်းထားသော ဒေတာများကို ဖတ်ရှုပါမည်။

html<p>စာသား</p>
javascript$('p').data('test', 21); // ဤနေရာတွင် ဒေတာများကို ရေးသားပါသည်

console.log($('p').data('test')); // ဂဏန်း 21 ကို ပြသမည်
console.log($('p').data()); // အရာဝတ္ထု {test: 21} ကို ပြသမည်

ဤအကြောင်းကိုလည်း ကြည့်ရှုပါ

  • removeData နည်းလမ်း,
    အစိတ်အပိုင်းမှ ဒေတာများကို ဖယ်ရှားပေးသည်
  • hasData နည်းလမ်း,
    အစိတ်အပိုင်းအတွင်း ဒေတာများရှိမရှိ စစ်ဆေးပေးသည်
  • attr နည်းလမ်း,
    အစိတ်အပိုင်း၏ မည်သည့်ဂုဏ်သတ္တိမဆို ရယူခြင်းနှင့်ပြောင်းလဲခြင်းကို ခွင့်ပြုပေးသည်
  • JavaScript ဂုဏ်သတ္တိ dataset,
    တဂ်များအတွက် ကိုယ်ပိုင်ဂုဏ်သတ္တိများ ထည့်သွင်းခွင့်ပြုပေးသည်