জেকুয়েরি #id সিলেক্টর
সংজ্ঞা এবং ব্যবহার
#id সিলেক্টরের মাধ্যমে নির্দিষ্ট আইডিযুক্ত এলিমেন্টকে সিলেক্ট করে
আইডি বলতে এইচটিএমএল এলিমেন্টের id এট্রিবিউটকে বুঝাচ্ছে।
বিঃদ্রঃ একটি ডকুমেন্টের id এট্রিবিউট অবশ্যই ইউনিক হতে হবে।
বিঃদ্রঃ কখনোই id এট্রিবিউট সংখ্যা দিয়ে শুরু করবেন না। এটি কিছু ব্রাউজারে সমস্যা করতে পারে।
সিনট্যাক্স
$("#id")
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে #idসিলেক্টরে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| id | আবশ্যক। যেই এলিমেন্টকে সিলেক্ট করবে, সেই এলিমেন্টের আইডিকে নির্দেশ করে। |
#id সিলেক্টর সংক্রান্ত উদাহরণ
"jquery" আইডি যুক্ত এলিমেন্টকে সিলেক্টঃ
উদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<title>জেকুয়েরি id সিলেক্টর</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#jquery").css({
"background-color": "green",
"color": "white",
});
});
</script>
</head>
<body>
<h3>আমাদের ওয়েবসাইটে আপনাকে স্বাগতম!!</h3>
<p>আমাদের ওয়েবসাইটে আমরা বাংলায় প্রোগ্রামীং শিক্ষার ব্যবস্থা করেছি।</p>
<p>আমাদের ওয়েবসাইটটি ফলো করে আপনি খুব সহজে প্রোগ্রামীং শিখতে পারবেন।</p>
<p>আমাদের ওয়েবসাইট থেকে আপনি যেই যেই বিষয়গুলো শিখতে পারবেনঃ</p>
<ul>
<li>এইচটিএমএল</li>
<li>সিএসএস</li>
<li>জাভাস্ক্রিপ্ট</li>
<li>পিএইচপি</li>
<li>এসকিউএল</li>
<li id="jquery">জেকুয়েরি</li>
<li>বুটস্ট্রাপ</li>
<li>এঙ্গুলার জেএস</li>
<li>ওয়ার্ডপ্রেস</li>
<li>সি প্রোগ্রামীং</li>
<li>পাইথন প্রোগ্রামীং</li>
</ul>
</body>
</html>
ফলাফল