jQuery prependTo() 方法

أساليب HTML/CSS jQuery

prependTo()方法在每个选定元素的开头（作为第一个子元素）插入HTML元素。

要将HTML元素插入所选元素的末尾，请使用appendTo()方法。

该prepend()和prependTo()方法执行相同的任务。主要区别在于语法方面：

• 使用prepend()，方法之前的选择器表达式是将内容插入其中的容器

• 使用prependTo()،内容作为选择器表达式位于方法之前，并将其插入目标容器中

//prepend()
$("#btnpre").click(function(){
//该方法在被选元素的开头（仍位于内部）插入指定内容。
　　$("div").prepend("<p>Hello　prepend!</p>");
});
//prependTo()
$("#btnpreto").click(function(){
//يتم إدراج طريقة prependTo() في بداية العنصر المحدد (لا يزال موجودًا في الداخل) المحتوى المحدد.
　　$("<p>Hello prependTo!</p>").prependTo("div");
});

النحو:

$(content).prependTo(selector)

مثال

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

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

استخدام طريقة prependTo() لوضع عنصر موجود مسبقًا في بداية العنصر المحدد:

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

قيمة المعامل

أساليب HTML/CSS jQuery