prop နည်းလမ်း
prop နည်းလမ်းသည် element တစ်ခု၏ property ကိုရယူရန်နှင့်
ပြောင်းလဲရန်ခွင့်ပြုသည်။
Element များ၏ properties များနှင့် attributes များကို မရောထွေးမိရန် အရေးကြီးပါသည်။
DOM သစ်ပင် ဖန်တီးချိန်တွင် attributes များကို ၎င်းတို့နှင့် သက်ဆိုင်ရာ DOM element properties အဖြစ် ပြောင်းလဲပေးသည်။ ၎င်းတို့၏
အမည်များနှင့် တန်ဖိုးများသည် အမြဲတစေတူညီမနေပါ။
တစ်ချို့ properties များသည် ၎င်းတို့နှင့် သက်ဆိုင်ရာ attributes များ မရှိနိုင်ပါ၊ ၎င်းတို့ကို
prop နည်းလမ်းကိုသုံးမှသာ ရယူနိုင် သို့မဟုတ် သတ်မှတ်နိုင်သည်၊
ဥပမာ tagName property သည် ထိုသို့ဖြစ်သည်။
Element ၏ attributes များကို ရယူရန်၊
attr နည်းလမ်းကို အသုံးပြုပါ။
ဝါကျဖွဲ့ပုံ
Property ၏တန်ဖိုးကို ရယူခြင်း-
$(selector).prop(property အမည်);
Property ၏တန်ဖိုးကို ပြောင်းလဲခြင်း-
$(selector).prop(property အမည်, အသစ်တန်ဖိုး);
Properties အများအပြား၏တန်ဖိုးများကို ပြောင်းလဲခြင်း-
$(selector).prop({ပထမ_property: အသစ်တန်ဖိုး, ဒုတိယ_property: အသစ်တန်ဖိုး, ...});
အစုအတွင်းရှိ element တစ်ခုစီအတွက် function ကို အသုံးချခြင်း-
$(selector).prop(property အမည်, function(အစုအတွင်းအမှတ်စဉ်, property ၏လက်ရှိတန်ဖိုး));
ဥပမာ
အောက်ပါဥပမာတွင် ကျွန်ုပ်တို့သည် စာပိုဒ်ကို ၎င်း၏ id အရ
ရွေးချယ်ပြီး ၎င်း၏ className property ၏တန်ဖိုးကို မွန်နီတာပေါ်တွင် ပြသပါမည်-
<p id="test" class="aaa">စာသား</p>
let value = $('#test').prop('className');
console.log(value);
ဥပမာ
className နှင့် disabled properties များအတွက် တစ်ပြိုင်နက် ပြောင်းလဲကြပါစို့-
<input type="checkbox" class="aaa" id="test" />
$("#test").prop({ className: 'bbb', disabled: 'true' });
ဤကဏ္ဍကိုလည်း ကြည့်ပါ
-
removePropနည်းလမ်း,
သည် element များ၏ properties များကို ဖယ်ရှားရန် ခွင့်ပြုသည် -
attrနည်းလမ်း,
သည် element များ၏ attributes များနှင့် အလုပ်လုပ်ရန် ခွင့်ပြုသည်
