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

কনটেন্ট সেট - text()、html() এবং val()

আমরা পূর্ববর্তী চাপটির তিনটি একই মেথড ব্যবহার করে কনটেন্ট সেট করব নয়াই:

  • text() - সেলেক্টেড এলিমেন্টের টেক্সট কনটেন্ট সেট করা বা ফেরত দেওয়া
  • html() - সেলেক্টেড এলিমেন্টের কনটেন্ট (এককত্বে HTML মার্কাপ) সেট করা বা ফেরত দেওয়া
  • val() - ফর্ম ফিল্ডের মান সেট করা বা ফেরত দেওয়া

এই উদাহরণটি দেখিয়ে বোঝায় কিভাবে 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");
});

স্বয়ং প্রয়াস করুন

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

জুনির তিনটি মেথড: text()、html() এবং val() সমস্তই কলব্যাক ফাংশনসহ আছে। কলব্যাক ফাংশনটি দুই পারামিটারের দ্বারা চালানো হয়: সেলেক্টেড এলিমেন্টসমূহের একক ইন্ডেক্স এবং প্রাথমিক (পুরনো) মান

নিচের উদাহরণটি কলব্যক্তি ফাংশনসহ 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 + ")";
  });
});

স্বয়ং প্রয়াস করুন

অ্যাট্রিবিউট সেট - attr()

jQuery attr() মেথডও অ্যাট্রিবিউট মান সেট/পরিবর্তন করার জন্য ব্যবহৃত হয়。

নিচের উদাহরণটি হ্রেফতে হ্রেফ অ্যাট্রিবিউটের মান পরিবর্তন (নিশ্চিত) করার জন্য প্রদর্শন করে:

উদাহরণ

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

স্বয়ং প্রয়াস করুন

attr() মেথডও একাধিক অ্যাট্রিবিউটকে একসঙ্গে সেট করতে অনুমতি দেয়。

নিচের উদাহরণটি হ্রেফ এবং title অ্যাট্রিবিউটকে একসঙ্গে সেট করার জন্য প্রদর্শন করে:

উদাহরণ

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

স্বয়ং প্রয়াস করুন

attr() এর কলব্যক্তি ফাংশন

jQuery মেথড attr()ও কলব্যক্তি ফাংশন প্রদান করে। কলব্যক্তি ফাংশনটি দুই পারামিটার দিয়ে আসে: বেছে নেওয়া এলিমেন্ট তালিকায় বর্তমান এলিমেন্টের নম্বর এবং প্রাথমিক (পুরনো) মান। তারপর ফাংশনের মাধ্যমে আপনি ব্যবহার করতে চান শব্দচিহ্নসমূহ ফিরিয়ে দিতে হবে。

নিচের উদাহরণটি কলব্যক্তি ফাংশনসহ attr() মেথডকে প্রদর্শন করে:

উদাহরণ

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

স্বয়ং প্রয়াস করুন

jQuery HTML সূচনাপত্র

যদি আপনি jQuery HTML মেথডের সম্পূর্ণ তথ্য জানতে চান, তবে নিচের সূচনাপত্র পরিদর্শন করুন: