jQuery সিলেক্টরগুলো ওয়েব ডেভেলপারদের ডকুমেন্ট অবজেক্ট মডেল (DOM) থেকে নির্দিষ্ট এলিমেন্ট খুঁজে বের করে তাদের উপর অপারেশন সঞ্চালনের ক্ষমতা দেয়। সিলেক্টরগুলো কোনো এলিমেন্ট, আইডি, বা ক্লাস অনুযায়ী এলিমেন্ট নির্বাচন করতে সাহায্য করে।
এলিমেন্ট সিলেক্টর
এলিমেন্ট সিলেক্টর একটি HTML ট্যাগের নাম ব্যবহার করে সকল মিল এলিমেন্টকে নির্বাচন করে। উদাহরণস্বরূপ, যদি আপনি সকল <p> ট্যাগের এলিমেন্টকে নির্বাচন করতে চান, তবে নিম্নোক্ত jQuery কোড ব্যবহার করতে পারেন:
$("p").css("color", "red");
এই কোডটি সকল <p> ট্যাগের টেক্সটের রঙ লাল করে দেবে।
আইডি সিলেক্টর
আইডি সিলেক্টর একটি নির্দিষ্ট এলিমেন্ট নির্বাচন করতে ব্যবহৃত হয়, যার আইডি অ্যাট্রিবিউট একটি অনন্য মান ধারণ করে। উদাহরণস্বরূপ, যদি আপনার HTML ডকুমেন্টে একটি আইডি "myDiv" সহ একটি <div> থাকে, তবে নিম্নোক্ত jQuery কোড ব্যবহার করতে পারেন:
$("#myDiv").hide();
এই কোডটি আইডি "myDiv" যুক্ত <div> এলিমেন্টটিকে লুকিয়ে ফেলবে।
ক্লাস সিলেক্টর
ক্লাস সিলেক্টর সেই সকল এলিমেন্টগুলোকে নির্বাচন করে, যাদের মধ্যে নির্দিষ্ট ক্লাস অ্যাট্রিবিউট থাকে। উদাহরণস্বরূপ, যদি আপনি ক্লাস "highlight" যুক্ত সকল এলিমেন্টকে নির্বাচন করতে চান, তবে নিম্নোক্ত jQuery কোড ব্যবহার করতে পারেন:
$(".highlight").css("background-color", "yellow");
এই কোডটি সকল ক্লাস "highlight" যুক্ত এলিমেন্টদের পটভূমির রঙ হলুদ করে দেবে।
jQuery সিলেক্টরগুলো ওয়েব পেজের বিভিন্ন এলিমেন্ট নির্বাচনের জন্য শক্তিশালী এবং দক্ষ টুল হিসেবে কাজ করে। এই সিলেক্টরগুলোর মাধ্যমে DOM এলিমেন্টগুলোর উপর বিভিন্ন অপারেশন সহজে পরিচালনা করা সম্ভব হয়, যা ওয়েব অ্যাপ্লিকেশন ডেভেলপমেন্টের গতি এবং দক্ষতা বাড়ায়।
Read more
