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

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


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



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

এলিমেন্ট সিলেক্টরের মাধ্যমে নির্দিষ্ট এলমেন্টকে সিলেক্ট করে।



সিনট্যাক্স

$("elementName")


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

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

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


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

সকল <p> এলিমেন্ট সিলেক্ট

নিচের উদাহরণে দেখানো হলো কিভাবে একটি পেজের সবগুলো <p> এলিমেন্টকে সিলেক্ট করা যায়ঃ

উদাহরণ

<!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(){
    $("li").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>

ফলাফল





"satt" ক্লাসযুক্ত সকল <li> এলিমেন্ট সিলেক্ট

কিভাবে "satt" ক্লাসযুক্ত সকল <li> এলিমেন্টকে সিলেক্ট করা যায় তা নিচের উদাহরণে দেখানো হলোঃ

উদাহরণ

<!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(){
    $("li.satt").css({
        "background-color": "green",
        "color": "white",
        });
    });
  </script>
</head>
<body>

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

  <ul>
    <li class="satt">এইচটিএমএল</li>
    <li>সিএসএস</li>
    <li class="satt">জাভাস্ক্রিপ্ট</li>
    <li>পিএইচপি</li>
    <li>এসকিউএল</li>
    <li>জেকুয়েরি</li>
    <li class="satt">বুটস্ট্রাপ</li>
    <li>এঙ্গুলার জেএস</li>
    <li>ওয়ার্ডপ্রেস</li>
    <li>সি প্রোগ্রামীং</li>
    <li>পাইথন প্রোগ্রামীং</li>
  </ul>

</body>
</html>

ফলাফল





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