জেকুয়েরি :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>
ফলাফল