المحدد :first
في jQuery
< jQuery
المحدد :first
الوصف
يحدد أول عنصر DOM متطابق.
jQuery( ":first" )
أُضيف مع الإصدار: 1.0.
يعادل مُحدد الصنف الزائف :first
المحدد :eq( 0 )
. ويمكن أيضًا أن يُكتب على النحو :lt( 1 )
. في حين أن هذا لا يتطابق إلا مع عنصر واحد فقط : يمكن أن يتطابق المُحدد :first-child
مع أكثر من عنصر بواقع عنصر واحد لكل أب.
ملاحظات إضافية
لأن :first
هو ملحق jQuery وليس جزءًا من مواصفات CSS، فلا يمكن استفادة الاستعلامات التي تستخدم :first
من تحسين الأداء الذي يوفره تابع DOM الأصلي querySelectorAll()
. لتحقيق أفضل أداء عند استخدام :first
لتحديد العناصر، حدد أولاً العناصر باستخدام محدد CSS، ثم استخدم .filter(":first")
.
تأتي العناصر المحددة في نفس ترتيب ظهورها في المستند.
أمثلة
تحديد أول صف في الجدول الآتي:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>first demo</title>
<style>
td {
color: blue;
font-weight: bold;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<table>
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td></tr>
<tr><td>Row 3</td></tr>
</table>
<script>
$( "tr:first" ).css( "font-style", "italic" );
</script>
</body>
</html>