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

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


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



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

:header সিলেক্টরের মাধ্যমে সকল হেডিং(<h1> থেকে <h6>) এলিমেন্টকে সিলেক্ট করা হয়।



সিনট্যাক্স

$(":header")


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

<h1> থেকে <h6> এলিমেন্ট সিলেক্ট

নিচের উদাহরণে :header সিলেক্টরের ব্যবহার দেখানো হলোঃ

উদাহরণ

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

  <h1>এটি h1 হেডিং এলিমেন্ট।</h1>
  <p>এটি একটি প্যারাগ্রাফ।</p>

  <h2>এটি h2 হেডিং এলিমেন্ট।</h2>
  <p>এটি একটি প্যারাগ্রাফ।</p>

  <h3>এটি h3 হেডিং এলিমেন্ট।</h3>
  <p>এটি একটি প্যারাগ্রাফ।</p>

  <h4>এটি h4 হেডিং এলিমেন্ট।</h4>
  <p>এটি একটি প্যারাগ্রাফ।</p>

  <h5>এটি h5 হেডিং এলিমেন্ট।</h5>
  <p>এটি একটি প্যারাগ্রাফ।</p>

  <h6>এটি h6 হেডিং এলিমেন্ট।</h6>
  <p>এটি একটি প্যারাগ্রাফ।</p>

</body>
</html>

ফলাফল





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