الفرق بين المراجعتين ل"jQuery/header selector"
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
جميل-بيلوني (نقاش | مساهمات) (هذه الصفحة من مساهمات عدنان أمزيان.) |
|||
| سطر 9: | سطر 9: | ||
=== ملاحظات إضافية === | === ملاحظات إضافية === | ||
| − | لما كان المحدد <code>:header</code> هو ملحق في مكتبة jQuery وليس جزءًا من مواصفة [[CSS]]، فإن الاستعلامات التي تستعمل <code>:header</code> لا يمكنها الإستفادة من سرعة الأداء الذي يوفره تابع DOM الأصلي <code>querySelectorAll()</code>. للحصول أداء أفضل في عند استعمال المحدد <code>:header</code> لاختيار العناصر، اختر العناصر أولًا باستعمال باستعمال محدد CSS صرف (pure) ثم استعمل <code>[[jQuery/filter|.filter(":header")]]</code>. | + | لما كان المحدد <code>:header</code> هو ملحق في مكتبة jQuery وليس جزءًا من مواصفة [[CSS]]، فإن الاستعلامات التي تستعمل <code>:header</code> لا يمكنها الإستفادة من سرعة الأداء الذي يوفره تابع DOM الأصلي <code>[[JavaScript/Document/querySelectorAll|querySelectorAll()]]</code>. للحصول أداء أفضل في عند استعمال المحدد <code>:header</code> لاختيار العناصر، اختر العناصر أولًا باستعمال باستعمال محدد CSS صرف (pure) ثم استعمل <code>[[jQuery/filter|.filter(":header")]]</code>. |
=== أمثلة === | === أمثلة === | ||
| سطر 33: | سطر 33: | ||
== مصادر == | == مصادر == | ||
| − | * [http://api.jquery.com/header-selector/ صفحة المحدد :header في توثيق jQuery الرسمي.] | + | * [http://api.jquery.com/header-selector/ صفحة المحدد :header في توثيق jQuery الرسمي.] |
[[تصنيف:jQuery]] | [[تصنيف:jQuery]] | ||
[[تصنيف:jQuery Selectors]] | [[تصنيف:jQuery Selectors]] | ||
المراجعة الحالية بتاريخ 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>