jQuery prependTo() 方法

Metodi 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(){
//Il metodo prependTo() inserisce il contenuto specificato all'inizio dell'elemento selezionato (ancora all'interno).
　　$("<p>Hello prependTo!</p>").prependTo("div");
});

Sintassi:

$(content).prependTo(selector)

Esempio

Aggiungi l'elemento <b>all'inizio di tutti i paragrafi:

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

Inserisci un elemento esistente all'inizio di ogni elemento selezionato utilizzando il metodo prependTo():

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

Valore del parametro

Metodi HTML/CSS jQuery