طريقة jQuery prepend()

أساليب HTML/CSS في jQuery

ي插入 محتوى مسبق محدد في بداية كل عنصر مختار باستخدام طريقة prepend() كأول عنصر فرعي.

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

النحو:

إدراج المحتوى المقدم:

$(selector).prepend(content)

إضافة محتوى باستخدام دالة:

$(selector).prepend(function(index,　html))

مثال

إضافة بعض النصوص قبل جميع الفقرات:

$("button").click(function(){
　　$("p").prepend("Hello　world");
});

في جميع الفقرات إضافة بعض HTML:

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

هذا المثال يستخدم document.createTextNode() لإنشاء عقدة نصية وإدراجها قبل جميع عناصر <p>:

$("button").click(function(){
　　$("p").prepend(document.createTextNode("Hello world"));
});

إضافة محتوى باستخدام دالة:

$("button").click(function(){
　　$("p").prepend(function(i){
return "<b>This p element has index " + i + "</b>";
　　});
});

قيمة الم参数

أساليب HTML/CSS في jQuery