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

জেকুয়েরি একাধিক ক্লাস সিলেক্টর


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



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

আপনি চাইলে .class সিলেক্টরের মাধ্যমে একাধিক ক্লাসকেও সিলেক্ট করতে পারবেন। এজন্য প্রত্যেকটি ক্লাসকে কমার(,) মাধ্যমে আলাদা করে লিখতে হবে।

বিঃদ্রঃ কখনোই class এট্রিবিউট সংখ্যা দিয়ে শুরু করবেন না। এটা কিছু ব্রাউজারে সমস্যা করতে পারে।



সিনট্যাক্স

$(".classOne,.classTwo,.classThree,...")


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

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

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


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

"one", "four" এবং "six" ক্লাসযুক্ত সকল এলিমেন্টকে সিলেক্টঃ

উদাহরণ

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

  <h3>আমাদের ওয়েবসাইটে আপনাকে স্বাগতম!!</h3>
  <p class="one">আমাদের ওয়েবসাইটে আমরা বাংলায় প্রোগ্রামীং শিক্ষার ব্যবস্থা করেছি।</p>
  <p class="two">আমাদের ওয়েবসাইটটি ফলো করে আপনি খুব সহজে প্রোগ্রামীং শিখতে পারবেন।</p>
  <p class="three">আমাদের ওয়েবসাইট থেকে আপনি যেই যেই বিষয়গুলো শিখতে পারবেনঃ</p>

  <ul>
    <li class="one">এইচটিএমএল</li>
    <li class="two">সিএসএস</li>
    <li class="three">জাভাস্ক্রিপ্ট</li>
    <li class="four">পিএইচপি</li>
    <li class="five">এসকিউএল</li>
    <li class="six">জেকুয়েরি</li>
    <li class="seven">বুটস্ট্রাপ</li>
    <li class="eight">এঙ্গুলার জেএস</li>
    <li class="nine">ওয়ার্ডপ্রেস</li>
    <li class="ten">সি প্রোগ্রামীং</li>
    <li class="eleven">পাইথন প্রোগ্রামীং</li>
  </ul>

</body>
</html>

ফলাফল




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