jQuery এর সেট কনটেন্ট এবং এট্রিবিউটস

লিখেছেন সুদীপ্ত সাহা

সেট কনটেন্ট - text(), html(), and val()

কনটেন্ট সেট করার জন্য আমরা তিনটি পদ্ধতি ব্যবহার করব।

• text()নির্বাচিত টেক্সট কন্টেন্ট ফেরৎ
• html()নির্বাচিত ইলিমেন্টের কন্টেন্ট ফেরৎ (HTML মার্কআপ সহ)
• val()ফর্ম এর ভেলু ফেরতের ক্ষেত্রে

কিভাবে jQuery text(), html(), এবং val() সেট করতে হয় তা নিম্নলিখিত উদাহরণে দেখানো হল।

উদাহরণ

$("#btn1").click(function(){
    $("#test1").text("Hello world!");
});
$("#btn2").click(function(){
    $("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
    $("#test3").val("Dolly Duck");
});

ফলাফল : jQuery text(), html(), এবং val()

একটি কলব্যাক ফাংশন এর জন্য text(), html(), এবং val()

উপরোক্ত তিনটি jQuery পদ্ধতি text(), html() এবং val() এর মাধ্যমে কলব্যাক ফাংশন তৈরি করা যায়। এই কলব্যাক ফাংশন এর দুটি প্যারামিটার আছে। index er বর্তমান তালিকার নির্বাচিত ইলিমেন্ট এবং অরজিনাল ভ্যালু (পুরাতন)। এর পরে আপনি নতুন স্ট্রিং এ ফেরত গিয়ে আপনি ফাংশনে নতুন ভ্যালু ব্যবহার করতে করতে পারেন। নিম্নলিখিত উদাহরণে text() এবং html() এর সাহায্যে একটি কলব্যাক ফাংশন,

$("#btn1").click(function(){
    $("#test1").text(function(i, origText){
        return "Old text: " + origText + " New text: Hello world!
        (index: " + i + ")";
    });
});

$("#btn2").click(function(){
    $("#test2").html(function(i, origText){
        return "Old html: " + origText + " New html: Hello <b>world!</b>
        (index: " + i + ")";
    });
});

ফলাফল : কলব্যাক ফাংশন এর জন্য text(), html(), এবং val()

সেট এট্রিবিউটস : Attr ()

JQuery এর Attr () এট্রিবিউটসটি ভ্যালু সেট এবং পরিবর্তন এর কাজে ব্যবহার করা হয়। নিম্নলিখিত উদাহরণে আমরা দেখব কিভাবে হাইপার লিঙ্কের মান পরিবর্তন করতে হয়।

$("button").click(function(){
    $("#w3s").attr("href", "http://www.w3schools.com/jquery");
});

ফলাফল : Attr ()

Attr () এট্রিবিউট এর মাধ্যম আপনি একই সময়ে একধিক ইলিমেন্ট সেট করতে পারবেন। নিম্নলিখিত উদাহরণে আমরা দেখব Attr () এট্রিবিউট এর মাধ্যমে একই সময়ে একধিক ইলিমেন্ট ব্যবহার,

$("button").click(function(){
    $("#w3s").attr({
        "href" : "http://www.w3schools.com/jquery",
        "title" : "W3Schools jQuery Tutorial"
    });
});

ফলাফল : attr()

একটি কলব্যাক ফাংশনে Attr () এট্রিবিউট

JQuery পদ্ধতিতে কলব্যাক ফাংশন এর জন্য Attr () এট্রিবিউট খুবই গুরুত্তপুর্ন। এই কলব্যাক ফাংশন এর দুটি প্যারামিটার আছে। index er বর্তমান তালিকার নির্বাচিত ইলিমেন্ট এবং অরজিনাল ভ্যালু(পুরাতন)। এর পরে আপনি নতুন স্ট্রিং এ ফেরত গিয়ে আপনি ফাংশনে নতুন ভ্যালু ব্যবহার করতে করতে পারেন। নিম্নলিখিত উদাহরণে Attr () এট্রিবিউট এর সাহায্যে একটি কলব্যাক ফাংশন,

$("button").click(function(){
    $("#w3s").attr("href", function(i, origValue){
        return origValue + "/jquery";
    });
});

ফলাফল : সেট এট্রিবিউটস Attr ()