المحدد :header في jQuery
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
مراجعة 14:46، 28 مايو 2018 بواسطة عبد اللطيف ايمش (نقاش | مساهمات)
المحدد :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>