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

জেকুয়েরি :odd সিলেক্টর


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



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

:odd সিলেক্টরের মাধ্যমে বিজোড় ইনডেক্স (1,3,5,7,...ইত্যাদি) নাম্বার যুক্তএলিমেন্টকে সিলেক্ট করা হয়।

ইনডেক্স নাম্বার 0(শুন্য) থেকে শুরু হয়।

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



সিনট্যাক্স

$(":odd")


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

একটির পর একটি(বিজোড়) <li> এলিমেন্ট সিলেক্ট

কিভাবে একটির পর একটি(বিজোড়) <li> এলিমেন্টকে সিলেক্ট করা যায় তা নিচের উদাহরণে দেখানো হলোঃ

<!DOCTYPE html>
<html lang="en">
<head>
  <title>জেকুয়েরি :odd সিলেক্টর</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script>
  $(document).ready(function(){
    $("li:odd").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>জেকুয়েরি</li>
    <li>বুটস্ট্রাপ</li>
    <li>এঙ্গুলার জেএস</li>
    <li>ওয়ার্ডপ্রেস</li>
    <li>সি প্রোগ্রামীং</li>
    <li>পাইথন প্রোগ্রামীং</li>
  </ul>

</body>
</html>

ফলাফল





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