Método jQuery appendTo()

jQuery HTML/Métodos CSS

O método appendTo() insere elementos HTML no final do elemento selecionado (como o último filho).

Para inserir um elemento HTML no início do elemento selecionado, useprependTo()Método.

append()Diferenças entre o método append() e appendTo():

• Usarappend()Adicione conteúdo interno a cada elemento correspondente.

• UsarappendTo()Adicione todos os elementos correspondentes ao conjunto de elementos especificado.

　　$('div').append('<span>Olá</span>');　
　　//　equivale
　　$('<span>Olá</span>').appendTo('div');
　　//　Resultado => <div> Mundo <span> Olá</span></div>

Sintaxe:

$(content).appendTo(selector)

Exemplo

Adicionar o elemento <b> ao final de todos os parágrafos:

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

Use o método appendTo() para inserir um elemento existente no final de cada elemento selecionado:

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

Valor do Parâmetro

jQuery HTML/Métodos CSS