জেকোয়ারি – কনটেন্ট ও এলিমেন্ট পাওয়া বা নির্বাচন করা

Sheikh Mahfuzur Rahman
Author at BloggersEcho.Com
Bengali Word Count: 280
জেকোয়ারি – কনটেন্ট ও এলিমেন্ট পাওয়া বা নির্বাচন করা

ওয়েব স্ক্রিপ্টিং ল্যাঙ্গুয়েজগুলোর মধ্যে জেকোয়ারি(jQuery) হলো অত্যন্ত গুরুত্বপূর্ণ ও শক্তিশালী একটি প্রোগ্রামিং ল্যাঙ্গুয়েজ। জেকোয়ারি হলো এমন কতগুলো পদ্ধতি বা কৌশল এর সমন্বয় যার মাধ্যমে এইচটিএমএল(HTML) বা এক্সএইচটিএমএল(XHTML) ডকুমেন্টের যেকোন এলিমেন্ট বা এট্রিবিউটকে নির্বাচন এবং পরিচালনা করা সম্ভব।

জেকোয়ারি ডম ম্যানিপিউলেশন(Manipulation)

জেকোয়ারির একটি গুরুত্বপূর্ণ অংশ হলো ডমকে(DOM) ম্যানিপিউলেট বা প্রয়োজনমতো পরিচালনা করা। প্রথমে জেনে নেয়া যাক ডম কিঃ

ডম হলো ডকুমেন্ট অবজেক্ট মডেল(Document Object Model) যা এইচটিএমএল এবং এক্সএইচটিএমএল ডকুমেন্টকে অ্যাক্সেস করার আদর্শ(Standard) নির্ধারিত করে দেয়। অর্থাৎ পুর্বোক্ত দুটি ভাষাকে( HTML ও XHTML) কোন পদ্ধতি ব্যবহার করে প্রোগ্রামিং করা যাবে তা নির্ধারণ করে ডম। ডব্লিওথ্রিসি’র(W3C) সংজ্ঞানুযায়ী ডম হলো একটি প্লাটফর্ম এবং ল্যাঙ্গুয়েজ-নির্বিশেষ ইন্টারফেস যা প্রোগ্রাম ও স্ক্রিপ্টসমূহকে (যেমন JavaScript, jQuery) ডাইনামিকভাবে কোন ডকুমেন্টের কন্টেন্ট, স্ট্রাকচার(গঠন) এবং স্টাইল অ্যাক্সেস ও আপডেট করার সুযোগ করে দেয়।

জেকোয়ারি কতগুলো ডম সংশ্লিষ্ট পদ্ধতি নিয়ে গঠিত হয়েছে যার মধ্যমে সহজেই এলিম্যান্ট এবং এট্রিবিউটকে নিজের প্রয়োজনমত পরিবর্তন ও পরিচালনা করা যায়।

কন্টেন্ট নির্বাচন – text(), html(), এবং val()

ডম ম্যানিপিউলেশন করার তিনটি সহজ কিন্তু কার্যকর পদ্ধতি হলোঃ

text() – কতগুলো নির্বাচিত এলিমেন্টের টেক্সট কনন্টেকে নির্ধারণ(Set) বা ফেরত(Return) পাঠায়
html() – নির্বাচিত এলিমেন্টগুলোর(এইচটিএমএল মার্কআপসহ) কন্টেন্ট নির্ধারণ অথবা ফেরত পাঠায়।
val() – ফর্ম ফিল্ডগুলোর মান(Value) নির্ধারণ বা ফেরত পাঠায়।

কিভাবে text() এবং html() মেথডের মাধ্যমে কন্টেন্ট পাওয়া বা নির্বাচন যায় তা নিচের উদাহরণটির মাধ্যমে বুঝা যাবেঃ

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

নিচের উদাহরণটি জেকোয়ারি val() মেথডের মাধ্যমে কোন ইনপুট ফিল্ডের মান নির্বাচন করার() কৌশল ব্যাখ্যা করা করেঃ

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

এট্রিবিউট নির্বাচন – attr()

কোন এইচটিএমএল বা এক্সএইচটিএমএল ডকুমেন্টের এট্রিবিউটগুলোর ভ্যালু এই মেথডের মাধ্যমে পাওয়া যায়। নিচের উদাহরণটি দেখুন, কোন লিংকে কিভাবে এট্রিবিউটের ভ্যালু পাওয়া সম্ভব তা এর মাধ্যমে বুঝা যাবেঃ

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

এই ছিল জেকোয়ারির মাধ্যমে এইচটিএমএল ও এক্সএইচটিএমএল ডকুমেন্ট এর কন্টেন্ট ও এট্রিবিউট নির্বাচন বা পাওয়ার উপায়। পরবর্তী টিউটোরিয়ালে কন্টেন্টের ভ্যালু বা মান নির্ধারণ ও পরিবর্তন করার ব্যাপারে আলোচনা করা হবে।