jQuery تمرين - طريقة first()

jQuery تمرين مرجع

مثال

تلوين span الأول في الفقرة:

$("p span").first().addClass('highlight');

تجربة بنفسك

تعريف والاستخدام

يقلل first() مجموعة العناصر التي تطابق من مجموعة العناصر إلى العنصر الأول في المجموعة.

النحو

.first()

شرح مفصل

إذا تم تقديم jQuery Object يمثل مجموعة عناصر DOM، فإن طريقة .first() ستقوم بإنشاء jQuery Object جديد باستخدام العنصر المطابق الأول.

فكر في الصفحة التالية التي تحتوي على قائمة بسيطة:

<ul>
  <li>نقطة قائمة 1</li>
  <li>نقطة قائمة 2</li>
  <li>نقطة قائمة 3</li>
  <li>نقطة قائمة 4</li>
  <li>نقطة قائمة 5</li>
</ul>

يمكننا تطبيق هذا الأسلوب على مجموعة عناصر القائمة:

$('li').first().css('background-color', 'red');

تجربة بنفسك

نتيجة هذه الدعوة هي، تم تعيين لون الخلفية الأولي للمشروع الأول إلى الأحمر.

jQuery تمرين مرجع