jQuery prependTo() 方法

jQuery HTML/CSS 方法

prependTo()方法在每個選定元素的開頭（作為第一個子元素）插入HTML元素。

要將HTML元素插入所選元素的末尾，請使用appendTo()方法。

該prepend()和prependTo()方法執(zhí)行相同的任務(wù)。主要區(qū)別在于語法方面：

• 使用prepend()，方法之前的選擇器表達式是將內(nèi)容插入其中的容器

• 使用prependTo()，內(nèi)容作為選擇器表達式位于方法之前，并將其插入目標容器中

//prepend()
$("#btnpre").click(function(){
//該方法在被選元素的開頭（仍位于內(nèi)部）插入指定內(nèi)容。
  $("div").prepend("<p>Hello prepend!</p>");
});

//prependTo()
$("#btnpreto").click(function(){
//prependTo() 方法在被選元素的開頭（仍位于內(nèi)部）插入指定內(nèi)容。
  $("<p>Hello prependTo!</p>").prependTo("div");
});

語法：

$(content).prependTo(selector)

實例

在所有段落的開頭添加<b>元素：

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

使用prependTo()方法在每個選定元素的開頭插入一個現(xiàn)有元素：

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

參數(shù)值

jQuery HTML/CSS 方法