طريقة jQuery appendTo()

أساليب HTML/CSS جـ jQuery

يضيف طريقة appendTo() عنصر HTML في نهاية العنصر المحدد (كآخر عنصر فرعي).

لإدراج عنصر HTML في بداية العنصر المحدد، استخدمprependTo()الطريقة.

append()الفرق بين طريقة

• استخدامappend()، يضيف محتوى إلى داخل كل عنصر مطابق.

• استخدامappendTo()، يضيف جميع العناصر المطابقة إلى مجموعة العناصر المحددة.

　　('$div').append('<span>أنا</span>');　
　　// يعادل
　　$('<span>أنا</span>').appendTo('div');
　　// النتيجة => <div>عالم<span>أنا</span></div>

القواعد:

$("content").appendTo("selector")

مثال

إضافة علامة <b> في نهاية جميع الفقرات:

$("button").click(function(){
　　$("<b>Hello world</b>").appendTo("p");
});

استخدام أسلوب appendTo() لإدراج عنصر موجود في نهاية العنصر المحدد المختار:

$("button").click(function(){
　　$("h1").appendTo("p");
});

قيمة المعامل

أساليب HTML/CSS جـ jQuery