المحدد `‎‎‎:header‎`‎ في jQuery

المحدد `‎:header‎`

الوصف

يختار هذا المحدد كل عناصر الترويسات مثل الترويسة h1 والترويسة h2 والترويسة h3 ...إلخ.

`jQuery( ":header" )‎`

أُضيف مع الإصدار: 1.2.

ملاحظات إضافية

لما كان المحدد ‎:header هو ملحق في مكتبة jQuery وليس جزءًا من مواصفة CSS، فإن الاستعلامات التي تستعمل ‎:header لا يمكنها الإستفادة من سرعة الأداء الذي يوفره تابع DOM الأصلي querySelectorAll()‎. للحصول أداء أفضل في عند استعمال المحدد ‎:header لاختيار العناصر، اختر العناصر أولًا باستعمال باستعمال محدد CSS صرف (pure) ثم استعمل ‎.filter(":header")‎.

أمثلة

إضافة خلفية رمادية و تغيير لون النص للأزرق لكل الترويسات الموجودة في الصفحة:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>header demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<h1>Header 1</h1>
<p>Contents 1</p>
<h2>Header 2</h2>
<p>Contents 2</p>
<script>
$( ":header" ).css({ background: "#ccc", color: "blue" });
</script>
</body>
</html>

مصادر

صفحة المحدد ‎‎:header‎‎ في توثيق jQuery الرسمي.