المحدد :header في jQuery
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
المحدد :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>