الفرق بين المراجعتين لصفحة: «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>