يتم استخدام طريقة jQuery append () لإدراج محتوى محدد باعتباره العنصر الفرعي الأخير (في نهاية) العناصر المحددة في مجموعة jQuery.
يتم استخدام طريقتي الإلحاق () والإلحاق () لتنفيذ نفس المهمة. والفرق الوحيد بينهما هو في بناء الجملة.
بناء الجملة :
$(selector).append(content, function(index, html))
معلمات طريقة jQuery append ().
معامل | وصف | ||
---|---|---|---|
محتوى | إنها معلمة إلزامية. فهو يحدد المحتوى الذي تريد إدراجه. قيمها المحتملة هي:
| ||
الوظيفة (الفهرس، HTML) | إنها معلمة اختيارية. وهي تحدد الوظيفة التي تقوم بإرجاع المحتوى المراد إدراجه.فِهرِس: | تقوم بإرجاع موضع الفهرس للعنصر في المجموعة.لغة البرمجة: | تقوم بإرجاع HTML الحالي للعنصر المحدد. |
مثال على طريقة إلحاق jQuery ().
لنأخذ مثالاً لتوضيح طريقة jQuery append().
$(document).ready(function(){ $('#btn1').click(function(){ $('p').append(' <b>Newly added appended text</b> .'); }); $('#btn2').click(function(){ $('ol').append('<li> <b>Newly added appended item</b> </li>'); }); }); <p>This is a paragraph.</p> <p>This is another paragraph.</p> <ol> <li>Item no.1</li> <li>Item no.2</li> <li>Item no.3</li> </ol> Append text Append itemاختبره الآن