prop ක්රමය
prop ක්රමය අංගයක ගුණාංගයක්
ලබා ගැනීමට සහ වෙනස් කිරීමට ඉඩ සලසයි.
අංගවල ගුණාංග සහ ගුණාංග නාම (attributes) වෙන්කර හඳුනා ගැනීම වැදගත්ය.
DOM ගස නිර්මාණය කිරීමේදී, ගුණාංග නාම ඊට අනුරූපී DOM අංගවල ගුණාංග වෙත පරිවර්තනය වේ. ඒවායේ
නම් සහ අගයන් සැමවිටම එකට නොගැලපිය හැකිය.
සමහර ගුණාංගවලට ඊට අනුරූපී ගුණාංග නාම නොතිබිය හැකිය, ඒවා
ලබා ගත හැක්කේ සහ සකස් කළ හැක්කේ prop ක්රමය
භාවිතා කිරීමෙන් පමණි, උදාහරණයක් ලෙස
tagName ගුණාංගය. අංගයක
ගුණාංග නාම ලබා ගැනීම සඳහා,
attr ක්රමය භාවිතා කරන්න.
වාක්ය රචනා ක්රමය
ගුණාංගයක අගය ලබා ගැනීම:
$(තෝරන්නා).prop(ගුණාංගයේ නම);
ගුණාංගයක අගය වෙනස් කිරීම:
$(තෝරන්නා).prop(ගුණාංගයේ නම, නව අගය);
ගුණාංග කිහිපයක අගයන් වෙනස් කිරීම:
$(තෝරන්නා).prop({පළමු_ගුණාංගය: නව_අගය, දෙවන_ගුණාංගය: නව_අගය, ...});
කට්ටලයේ එක් එක් අංගයට ශ්රිතයක් යෙදීම:
$(තෝරන්නා).prop(ගුණාංගයේ නම, function(කට්ටලයේ අනුක්රමික අංකය, ගුණාංගයේ වත්මන් අගය));
උදාහරණය
පහත උදාහරණයේ දී, අපි ඡේදයක් එහි id භාවිතයෙන් ලබා ගෙන
එහි className ගුණාංගයේ අගය තිරය මත ප්රදර්ශනය කරමු:
<p id="test" class="aaa">text</p>
let value = $('#test').prop('className');
console.log(value);
උදාහරණය
අපි එකවර className සහ disabled ගුණාංග
වෙනස් කරමු:
<input type="checkbox" class="aaa" id="test" />
$("#test").prop({ className: 'bbb', disabled: 'true' });
මෙයද බලන්න
-
removePropක්රමය,
එය අංගවල ගුණාංග මකා දැමීමට ඉඩ සලසයි -
attrක්රමය,
එය අංගවල ගුණාංග නාම සමඟ වැඩ කිරීමට ඉඩ සලසයි
