الفرق بين المراجعتين ل"jQuery/last selector"
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
جميل-بيلوني (نقاش | مساهمات) (إضافة محتويات الصفحة.) |
|||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:المحدد <code>:last</code> في jQuery}}</noinclude> | <noinclude>{{DISPLAYTITLE:المحدد <code>:last</code> في jQuery}}</noinclude> | ||
| − | == | + | == المحدد <code>:last</code> == |
=== الوصف === | === الوصف === | ||
| سطر 11: | سطر 11: | ||
=== ملاحظات إضافية === | === ملاحظات إضافية === | ||
| − | لما كان المحدد <code>:last</code> ملحقًا في مكتبة jQuery وليس جزءًا من مواصفة [[CSS]]، فإن الاستعلامات التي تستخدم <code>:last</code> لن تستفيد من سرعة الأداء الذي يوفرها تابع DOM الأصلي <code>querySelectorAll()</code>. للحصول على أفضل أداء عند استعمال المحدد <code>:last</code> لاختيار العناصر، حدِّد أولًا العناصر باستعمال محدد [[CSS]] الصرف (pure) ثمَّ استعمل <code>[[jQuery/filter|.filter(":last")]]</code>. | + | لما كان المحدد <code>:last</code> ملحقًا في مكتبة jQuery وليس جزءًا من مواصفة [[CSS]]، فإن الاستعلامات التي تستخدم <code>:last</code> لن تستفيد من سرعة الأداء الذي يوفرها تابع DOM الأصلي <code>[[JavaScript/Document/querySelectorAll|querySelectorAll()]]</code>. للحصول على أفضل أداء عند استعمال المحدد <code>:last</code> لاختيار العناصر، حدِّد أولًا العناصر باستعمال محدد [[CSS]] الصرف (pure) ثمَّ استعمل <code>[[jQuery/filter|.filter(":last")]]</code>. |
=== أمثلة === | === أمثلة === | ||
| سطر 40: | سطر 40: | ||
== مصادر == | == مصادر == | ||
| − | * [http://api.jquery.com/last-selector/ صفحة المحدِّد :last في توثيق jQuery الرسمي.] | + | * [http://api.jquery.com/last-selector/ صفحة المحدِّد :last في توثيق jQuery الرسمي.] |
[[تصنيف:jQuery]] | [[تصنيف:jQuery]] | ||
[[تصنيف:jQuery Selectors]] | [[تصنيف:jQuery Selectors]] | ||
مراجعة 07:57، 30 مايو 2018
المحدد :last
الوصف
يختار هذا المحدِّد العنصر الأخير المتطابق.
jQuery( ":last" )
أُضيف مع الإصدار: 1.0.
لاحظ أن المحدِّد :last يحدِّد عنصرًا واحدًا عبر ترشيح مجموعة jQuery الحالية ويطابق العنصر الأخير ضمنها.
ملاحظات إضافية
لما كان المحدد :last ملحقًا في مكتبة jQuery وليس جزءًا من مواصفة CSS، فإن الاستعلامات التي تستخدم :last لن تستفيد من سرعة الأداء الذي يوفرها تابع DOM الأصلي querySelectorAll(). للحصول على أفضل أداء عند استعمال المحدد :last لاختيار العناصر، حدِّد أولًا العناصر باستعمال محدد CSS الصرف (pure) ثمَّ استعمل .filter(":last").
أمثلة
إيجاد السطر <tr> الأخير في جدول <table>:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>last demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<table>
<tr><td>First Row</td></tr>
<tr><td>Middle Row</td></tr>
<tr><td>Last Row</td></tr>
</table>
<script>
$( "tr:last" ).css({ backgroundColor: "yellow", fontWeight: "bolder" });
</script>
</body>
</html>