الفرق بين المراجعتين لصفحة: «jQuery/odd selector»
< jQuery
جميل-بيلوني (نقاش | مساهمات) إضافة محتويات الصفحة. |
لا ملخص تعديل |
||
| سطر 47: | سطر 47: | ||
== مصادر == | == مصادر == | ||
* [http://api.jquery.com/lt-selector/ صفحة المحدِّد :odd في توثيق jQuery الرسمي.] | * [http://api.jquery.com/lt-selector/ صفحة المحدِّد :odd في توثيق jQuery الرسمي.] | ||
[[تصنيف:jQuery]] | [[تصنيف:jQuery]] | ||
[[تصنيف:jQuery Selectors]] | [[تصنيف:jQuery Selectors]] | ||
المراجعة الحالية بتاريخ 08:13، 6 يونيو 2018
المحدِّد :odd
الوصف
يختار هذا المحدِّد جميع العناصر التي قيمة فهرسها فرديَّة، إذ تستعمل فهرسًا صفريًّا (zero-indexed). انظر أيضًا المحدِّد :even.
jQuery( ":odd" )
أُضيف مع الإصدار: 1.0.
يستعمل هذا المحدد فهرسًا صفريًّا (0-based indexing) أي يبدأ العد من القيمة 0، لذا يختار العنصر الثاني والرابع ...إلخ ضمن المجموعة المطابقة (أي العناصر الزوجيَّة لأن قيمة فهرسها فرديَّة).
ملاحظات إضافية
- لما كان المحدد
:odd ملحقًا بمكتبة jQuery وليس جزءًا من مواصفة CSS، فإنَّ الاستعلامات التي تستخدم :odd لن تستفيد من سرعة الأداء التي يوفرها تابع DOM الأصليquerySelectorAll(). للحصول على أفضل أداء عند استعمال هذا المحدد، حدِّد أولًا العناصر باستعمال محدِّد CSS صرف (pure) ثمَّ استعمل.filter(":odd"). - تُرتَّب العناصر المحدَّدة بذات الترتيب الذي تظهر فيه ضمن الصفحة.
أمثلة
إيجاد أسطر الجدول الفردية أي السطر الثاني والرابع:
<!doctype html>
<html lang="ar">
<head>
<meta charset="utf-8">
<title>odd مثالٌ عن استعمال المحدد</title>
<style>
table {
background: #f3f7f5;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<table border="1">
<tr><td>السطر الأول ذي الفهرس #0</td></tr>
<tr><td>السطر الثاني ذي الفهرس #1</td></tr>
<tr><td>السطر الثالث ذي الفهرس #2</td></tr>
<tr><td>السطر الرابع ذي الفهرس #3</td></tr>
</table>
<script>
$( "tr:odd" ).css( "background-color", "#bbbbff" );
</script>
</body>
</html>