জেকুয়েরি বিবিধ data() মেথড
সংজ্ঞা এবং ব্যবহার
data() মেথড নির্বাচিত এলিমেন্ট ডাটা সংযুক্ত করে অথবা ডাটা সংগ্রহ করে।
টিপস: ডাটা রিমুভ করতে, removeData() মেথড ব্যবহার করুন।
উদাহরণ
কিভাবে একটি <div> এলিমেন্টে ডাটা সংযুক্ত করা, এবং তারপর ডাটা উদ্ধার করে তা নিচের উদাহরনে দেখান হলো
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#test1").click(function(){
$("div").data("name", "Satt Academy");
});
$("#test2").click(function(){
alert($("div").data("name"));
});
});
</script>
</head>
<body>
<button id="test1">div এলিমেন্টে ডাটা সংযুক্ত করে</button><br>
<button id="test2">divএলিমেন্টের মধ্যে ডাটা সংযুক্ত করে</button>
<div></div>
</body>
</html>
ফলাফল
একটি এলিমেন্ট থেকে ডাটা রিটার্ন
নির্বাচিত এলিমেন্ট থেকে সংযুক্তকৃত ডাটা রিটার্ন করে।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).data(name)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে data() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| name | ঐচ্ছিক। যে ডাটা পুনরুদ্ধার করা হবে সেটিকে নির্দেশ করে। যদি কোন নাম উল্লেখ করা না হয়, তাহলে এই মেথড নির্বাচিত এলিমেন্টের জন্য একটি অবজেক্ট হিসেবে সকল সংরক্ষিত ডাটা রিটার্ন করবে। |
একটি এলিমেন্টে ডাটা সংযুক্ত করন
নির্বাচিত এলিমেন্টে ডাটা সংযুক্ত করা হয়।
সিনট্যাক্স ও ব্যাখ্যা
$(selector).data(name,value)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে data() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| name | আবশ্যক। সেটে ডাটার নামকে নির্দেশ করে। |
| value | আবশ্যক। সেটে ডাটার ভ্যালুকে নির্দেশ করে। |
অবজেক্ট ব্যবহার করে একটি এলিমেন্টে ডাটা সংযুক্ত করন
কিভাবে একটি অবজেক্টে নাম/ভ্যালু জোড়ায় জোড়ায় ব্যবহার করে নির্বাচিত এলিমেন্টে ডাটা সংযুক্ত করে তা নিচের উদাহরনে দেখানো হলো
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>জেকুয়েরির উদাহরণ</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
testObj = new Object();
testObj.greetingMorn = "শুভ সকাল!";
testObj.greetingEve = "শুভ অপরাহ্ন!";
$("#test1").click(function(){
$("div").data(testObj);
});
$("#test2").click(function(){
alert($("div").data("greetingEve"));
});
});
</script>
</head>
<body>
<button id="test1">div এলিমেন্টের ডাটা সংযুক্ত করুন</button><br>
<button id="test2">div এলিমেন্টে সংযুক্তকৃত ডাটা নিন</button>
<div></div>
</body>
</html>
ফলাফল
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে data() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| object | আবশ্যক। নাম/ভ্যালু জোড়ায় জোড়ায় ধারণ করে একটি অবজেক্ট নির্দিষ্ট করে। |