data পদ্ধতি
data পদ্ধতি যেকোনো ধরনের ডেটা DOM উপাদানের সাথে নিরাপদ উপায়ে বাঁধতে দেয়,
যা মেমরি লিক এড়াতে সাহায্য করে।
আমরা একটি উপাদানের জন্য একাধিক ভিন্ন মান সেট করতে পারি এবং পরে সেগুলো পেতে পারি।
data পদ্ধতি ব্যবহার করে ডেটা আপডেট করলে DOM-এর অ্যাট্রিবিউটগুলোর উপর কোন প্রভাব পড়ে না।
সিনট্যাক্স
এভাবে আমরা কোন উপাদানের জন্য একটি মান এবং একটি কী সেট করি, যার মাধ্যমে পরবর্তীতে এটি খুঁজে পাওয়া যাবে:
.data(কী, মান);
আমরা একটি অবজেক্টও পাস করতে পারি, যাতে ডেটা আপডেট করার জন্য কী-মান জোড়া থাকে:
.data(অবজেক্ট);
শুধুমাত্র কী পাস করে jQuery কালেকশনের প্রথম উপাদানের সাথে সংযুক্ত ডেটা পাওয়া যাবে:
.data(কী);
কোন প্যারামিটার না পাস করে, আমরা পূর্বে DOM উপাদানের সাথে সংযুক্ত ডেটা পড়তে পারি। পদ্ধতিটি একটি JavaScript অবজেক্ট ফেরত দেবে, যাতে প্রতিটি মান একটি প্রপার্টি হিসেবে থাকবে:
.data();
উদাহরণ
চলুন data ব্যবহার করে p ট্যাগের জন্য ডেটা সেট করি,
প্রথম প্যারামিটার হিসেবে 'test' এবং দ্বিতীয়টির জন্য 21 মান পাস করে। তারপর
'test' কী দিয়ে সংরক্ষিত ডেটা পড়ি:
<p>টেক্সট</p>
$('p').data('test', 21); // এখানে ডেটা লেখা হচ্ছে
console.log($('p').data('test')); // 21 নম্বরটি দেখাবে
console.log($('p').data()); // {test: 21} অবজেক্টটি দেখাবে
আরও দেখুন
-
removeDataপদ্ধতি,
যা উপাদান থেকে ডেটা মুছে দেয় -
hasDataপদ্ধতি,
যা উপাদানে ডেটার উপস্থিতি পরীক্ষা করে -
attrপদ্ধতি,
যা উপাদানের যেকোনো অ্যাট্রিবিউট পাওয়া এবং পরিবর্তন করতে দেয় -
JavaScript প্রপার্টি
dataset,
যা ট্যাগে আপনার নিজস্ব অ্যাট্রিবিউট যোগ করতে দেয়
