অ্যাট্রিবিউট পরিবর্তন: attr(), prop(), removeAttr()

DOM ম্যানিপুলেশন - জেকুয়েরি (jquery) - Web Development

384

jQuery-র মাধ্যমে HTML এলিমেন্টগুলির অ্যাট্রিবিউট এবং প্রোপার্টিগুলি পরিচালনা করা যায়। এই পরিচালনা করার জন্য মূলত attr(), prop(), এবং removeAttr() মেথডগুলি ব্যবহার করা হয়। প্রতিটি মেথডের ব্যবহার এবং কার্যক্রম নিচে বর্ণনা করা হলো।


attr() মেথড

attr() মেথডটি ব্যবহার করে HTML এলিমেন্টের অ্যাট্রিবিউট পড়া এবং লেখা যায়। এটি নির্দিষ্ট অ্যাট্রিবিউটের মান পেতে এবং সেট করতে ব্যবহার করা হয়।

অ্যাট্রিবিউট পড়া:

var title = $("#myElement").attr("title");
console.log(title); // এলিমেন্টের টাইটল অ্যাট্রিবিউটের মান প্রিন্ট করবে

অ্যাট্রিবিউট সেট করা:

$("#myElement").attr("title", "নতুন টাইটল");

prop() মেথড

prop() মেথডটি ব্যবহার করে এলিমেন্টের প্রোপার্টি পড়া এবং সেট করা যায়। এটি বিশেষ করে বুলিয়ান প্রোপার্টিগুলির জন্য প্রয়োজন, যেমন চেকবক্সের checked অবস্থা।

প্রোপার্টি পড়া:

var isChecked = $("#myCheckbox").prop("checked");
console.log(isChecked); // চেকবক্সের চেকড অবস্থা প্রিন্ট করবে

প্রোপার্টি সেট করা:

$("#myCheckbox").prop("checked", true);

removeAttr() মেথড

removeAttr() মেথডটি ব্যবহার করে এলিমেন্ট থেকে নির্দিষ্ট অ্যাট্রিবিউট সরিয়ে ফেলা যায়। এটি যখন কোনো অ্যাট্রিবিউট আর প্রয়োজন না হয়, তখন ব্যবহার করা হয়।

অ্যাট্রিবিউট সরানো:

$("#myElement").removeAttr("title");

jQuery-র attr(), prop(), এবং removeAttr() মেথডগুলি HTML এলিমেন্টের অ্যাট্রিবিউট এবং প্রোপার্টিগুলি পরিচালনা করার জন্য খুবই কার্যকর। এগুলি দ্বারা এলিমেন্টের অ্যাট্রিবিউট পরিবর্তন, প্রোপার্টি সেট করা এবং অ্যাট্রিবিউট সরানো সহজ হয়ে যায়, যা ওয়েব অ্যাপ্লিকেশনের ইন্টারঅ্যাকশন ও ডাইনামিক বিহেভিয়ার নিয়ন্ত্রণে অপরিহার্য।

Content added By
Promotion

Are you sure to start over?

Loading...