الفرق بين المراجعتين ل"jQuery/first selector"
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
Khaled-yassin (نقاش | مساهمات) (أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:المحدد <code>:first()</code> في jQuery}}</noinclude> == المحدد...') |
Khaled-yassin (نقاش | مساهمات) |
||
سطر 8: | سطر 8: | ||
أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.0 1.0]. | أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.0 1.0]. | ||
− | يعادل مُحدد الفئة الوهمية :first المحدد :eq( 0 ). ويمكن أيضا أن يُكتب على النحو :lt( 1 ). في حين أن هذا لا يتطابق إلا مع عنصر واحد فقط : يمكن أن يتطابق المُحدد :first-child مع أكثر من عنصر | + | يعادل مُحدد الفئة الوهمية <code>:first</code> المحدد <code>[[jQuery/eq selector|:eq( 0 )]]</code>. ويمكن أيضا أن يُكتب على النحو <code>[[jQuery/lt selector|:lt( 1 )]]</code>. في حين أن هذا لا يتطابق إلا مع عنصر واحد فقط : يمكن أن يتطابق المُحدد <code>[[jQuery/first child selector|:first-child]]</code> مع أكثر من عنصر بواقع عنصر واحد لكل أب. |
=== ملاحظات إضافية === | === ملاحظات إضافية === | ||
سطر 17: | سطر 17: | ||
=== أمثلة === | === أمثلة === | ||
− | العثور على صف الجدول الأول. | + | العثور على صف الجدول الأول.<syntaxhighlight lang="html"> |
+ | <!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> | ||
+ | </syntaxhighlight> | ||
+ | |||
== مصادر == | == مصادر == | ||
* [http://api.jquery.com/first-selector/ صفحة المحدد :first() في توثيق jQuery الرسمي]. | * [http://api.jquery.com/first-selector/ صفحة المحدد :first() في توثيق jQuery الرسمي]. |
مراجعة 16:49، 15 مايو 2018
المحدد :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>