jQuery prependTo() 方法

jQuery HTML/CSS 方法

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");
});

参数值

jQuery HTML/CSS 方法