জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি :eq() সিলেক্টর


« জেকুয়েরি সিলেক্টরসমূহ



সংজ্ঞা এবং ব্যবহার

:eq() সিলেক্টরের মাধ্যমে নির্দিষ্ট ইনডেক্স নাম্বারের ভিত্তিতে এলিমেন্টকে সিলেক্ট করা হয়।

আমরা জানি ইনডেক্স নাম্বার শুরু 0(শুন্য) থেকে, যার মানে প্রথম এলিমেন্টের ইনডেক্স নাম্বার হলো 0 (১ নয়)।

নির্দিষ্ট ইনডেক্স নাম্বারযুক্ত এলিমেন্টকে সিলেক্ট করার জন্য প্রায়ই এই সিলেক্টরটি অন্য সিলেক্টরের সাথে ব্যবহার করা হয়। (নিচের উদাহরণ লক্ষ্য করুন)



সিনট্যাক্স

$(":eq(index)")


প্যারামিটার ও তাদের ভ্যালু

নিচের টেবিলে :eq() সিলেক্টরে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ

প্যারামিটার বিবরণ
index আবশ্যক। এলিমেন্টের ইনডেক্স নাম্বারকে নির্দেশ করে।


:eq() সিলেক্টর সংক্রান্ত উদাহরণ

চতুর্থ <li> এলিমেন্ট সিলেক্ট

:eq() সিলেক্টর ব্যবহার করে কিভাবে চতুর্থ <li> এলিমেন্টটি সিলেক্ট করা যায়, তা নিচের উদাহরণে দেখানো হলোঃ

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
  <title>জেকুয়েরি :eq() সিলেক্টর</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script>
  $(document).ready(function(){
    $("li:eq(3)").css({
        "background-color": "green",
        "color": "white",
    });
  });
  </script>
</head>
<body>

  <h3>আমাদের ওয়েবসাইটের টপিক্সসমূহঃ</h3>
  <ul>
    <li>এইচটিএমল</li>
    <li>সিএসএস</li>
    <li>জাভাস্ক্রিপ্ট</li>
    <li>পিএইচপি</li>
    <li>এসকিউএল</li>
    <li>বুটস্ট্রাপ</li>
    <li>জেকুয়েরি</li>
    <li>এঙ্গুলার জেএস</li>
    <li>ওয়ার্ডপ্রেস</li>
  </ul>

</body>
</html>

ফলাফল





« জেকুয়েরি সিলেক্টরসমূহ