الفرق بين المراجعتين لصفحة: «jQuery/first»
< jQuery
Khaled-yassin (نقاش | مساهمات) أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:التابع <code>.first()</code>...' |
طلا ملخص تعديل |
||
| (مراجعتان متوسطتان بواسطة مستخدمين اثنين آخرين غير معروضتين) | |||
| سطر 3: | سطر 3: | ||
=== القيمة المعادة === | === القيمة المعادة === | ||
يُعيد كائنًا من النوع [[jQuery/jQuery | يُعيد كائنًا من النوع [[jQuery/jQuery|jQuery]]. | ||
=== الوصف === | === الوصف === | ||
| سطر 9: | سطر 9: | ||
=== <code>.first()</code> === | === <code>.first()</code> === | ||
الإصدار | أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.4 1.4]. | ||
لا يقبل هذا التابع أي وسائط. | لا يقبل هذا التابع أي وسائط. | ||
| سطر 28: | سطر 28: | ||
=== أمثلة === | === أمثلة === | ||
تمييز أول <code>[[HTML/span|span]]</code> في الفقرة | تمييز أول عنصر <code>[[HTML/span|<nowiki><span></nowiki>]]</code> في الفقرة <code>[[HTML/p|<nowiki><p></nowiki>]]</code> بضبط لون خلفيته <code>[[CSS/background-color|background-color]]</code> إلى الأصفر:<syntaxhighlight lang="html"> | ||
<!doctype html> | <!doctype html> | ||
<html lang="en"> | <html lang="en"> | ||
المراجعة الحالية بتاريخ 13:18، 1 يوليو 2018
.first()
القيمة المعادة
يُعيد كائنًا من النوع jQuery.
الوصف
يُقلِّص هذا التابع مجموعة العناصر المطابقة إلى الأول في المجموعة.
.first()
أُضيف مع الإصدار: 1.4.
لا يقبل هذا التابع أي وسائط.
إذا أُدخل كائن jQuery يمثل مجموعة من عناصر DOM، يقوم التابع .first() ببناء كائن jQuery جديد من العنصر الأول في تلك المجموعة.
إليك صفحة بها قائمة بسيطة:
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
يمكننا تطبيق هذا التابع على مجموعة عناصر القائمة:
$( "li" ).first().css( "background-color", "red" );
نتيجة هذا الاستدعاء تعطي خلفية حمراء للعنصر الأول.
أمثلة
تمييز أول عنصر <span> في الفقرة <p> بضبط لون خلفيته background-color إلى الأصفر:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>first demo</title>
<style>
.highlight{
background-color: yellow
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p>
<span>Look:</span>
<span>This is some text in a paragraph.</span>
<span>This is a note about it.</span>
</p>
<script>
$( "p span" ).first().addClass( "highlight" );
</script>
</body>
</html>