jQuery appendTo() 方法

jQuery HTML/Métodos CSS

appendTo()方法在被选元素的结尾插入HTML元素（作为最后一个子元素）。

要将HTML元素插入所选元素的开头，请使用prependTo()方法。

append()和appendTo()方法的区别：

• 使用append()，向每个匹配的元素内部追加内容。

• 使用appendTo()，将所有匹配的元素追加到指定的元素集合中。

　　$('div').append('<span>Hola</span>');　
　　//　es equivalente
　　$('<span>Hola</span>').appendTo('div');
　　//　Resultado => <div> Mundo <span> Hola </span></div>

Sintaxis:

$(content).appendTo(selector)

Ejemplo

Añadir el elemento <b> al final de todos los párrafos:

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

Utilice el método appendTo() para insertar un elemento existente al final de cada elemento seleccionado:

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

Valor del parámetro

jQuery HTML/Métodos CSS