জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
লগইন
 

জেকুয়েরি বিবিধ 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 আবশ্যক। নাম/ভ্যালু জোড়ায় জোড়ায় ধারণ করে একটি অবজেক্ট নির্দিষ্ট করে।

« জেকুয়েরি বিবিধ মেথডসমূহ