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

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


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



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

আপনি চাইলে element সিলেক্টরের সাহায্যে একসাথে একাধিক এলিমেন্টকে সিলেক্ট করা করতে পারবেন। এক্ষেত্রে প্রত্যেকটি এলিমেন্টকে কমার(,) সাহায্যে আলাদা করতে হবে।



সিনট্যাক্স

$("elementOne,elementTwo,elementThree..")


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

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

প্যারামিটার বিবরণ
element আবশ্যক। যেই এলিমেন্ট গুলোকে সিলেক্ট করা হবে সেগুলোকে নির্দেশ করে।


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

<h3>, <ul> এলিমেন্ট সিলেক্ট

নিচের উদাহরণে একত্রে একাধিক এলিমেন্ট সিলেক্ট করে দেখানো হলোঃ

উদাহরণ

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

ফলাফল





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