jQuery কনটেন্ট এবং অ্যাট্রিবিউট পাওয়া

jQuery HTML এবং অ্যাট্রিবিউট অপারেশনের শক্তিশালী মেথড প্রদান করে。

jQuery DOM অপারেশন

jQuery-এর একটি অত্যন্ত গুরুত্বপূর্ণ অংশ, যেটি DOM-এর অপারেশন করার ক্ষমতা।

jQuery একটি পরিবর্তনকারী সাহায্য পত্র, যা DOM-এর সঙ্গে সম্পর্কিত একটি শৃঙ্খলা মেথড প্রদান করে, যা সহজেই এলিমেন্ট এবং অ্যাট্রিবিউট অ্যাক্সেস এবং অপারেশন করতে সহায়তা করে。

সূচনা:সূচনা:

DOM = Document Object Model (ডকুমেন্ট অবজেক্ট মডেল)

“W3C ডকুমেন্ট অবজেক্ট মডেল (DOM) প্ল্যাটফর্ম এবং ভাষা নির্ভর নয়, যা প্রোগ্রাম এবং স্ক্রিপ্টকে ডকুমেন্টের কনটেন্ট, কাঠামো এবং স্টাইল অবলম্বন করে ডাইরেক্টলি অ্যাক্সেস এবং আপডেট করতে অনুমতি দেয়。”

কনটেন্ট পাওয়া - text()、html() এবং val()

ডম অপারেশনের জন্য তিনটি সহজ এবং প্রয়োগী jQuery মেথড:

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

নিচের উদাহরণটি jQuery text() এবং html() মেথড দ্বারা কনটেন্ট পাওয়ার জন্য দেখাবে:

উদাহরণ

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

আপনার হাতে নিন

নিচের উদাহরণটি jQuery val() মেথড দ্বারা ইনপুট ফিল্ডের মান পাওয়ার জন্য দেখাবে:

উদাহরণ

$("#btn1").click(function(){
  alert("Value: " + $("#test").val());
});

আপনার হাতে নিন

অ্যাট্রিবিউট পাওয়া - attr()

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

নিচের উদাহরণটি যেভাবে লিঙ্কের href অ্যাট্রিবিউটের মান পাওয়া যায়, তা দেখাবে:

উদাহরণ

$("button").click(function(){
  alert($("#w3s").attr("href"));
});

আপনার হাতে নিন

পরবর্তী চপ্তরে যেভাবে (পরিবর্তন) কনটেন্ট এবং অ্যাট্রিবিউট মান নিয়ে গড়া হবে, তা ব্যাখ্যা করা হবে。

jQuery HTML সাহায্য পত্র

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