Método prependTo() do jQuery

jQuery HTML/Métodos CSS

O método prependTo() insere elementos HTML no início de cada elemento selecionado (como o primeiro elemento filho).

Para inserir um elemento HTML no final do elemento selecionado, useappendTo()método.

Esteprepend()e executa a mesma tarefa que o método prependTo(). A principal diferença está no aspecto da sintaxe:

• usarprepend()O seletor de expressão de conteúdo antes do método é o contêiner no qual o conteúdo é inserido

• usarprependTo()O seletor de expressão de conteúdo está antes do método e é inserido no contêiner de destino

//prepend()
$("#btnpre").click(function() {
//Este método insere o conteúdo especificado no início do elemento selecionado (ainda interno).
　　$("div").prepend("<p>Hello　prepend!</p>";
});
//prependTo()
$("#btnpreto").click(function() {
//O método prependTo() insere o conteúdo especificado no início do elemento selecionado (ainda interno).
　　$("<p>Hello　prependTo!</p>").prependTo("div");
});

Sintaxe:

$(content).prependTo(selector)

Exemplo

Adicionar o elemento <b>no início de todos os parágrafos:

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

Use o método prependTo() para inserir um elemento existente no início de cada elemento selecionado:

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

Valor do Parâmetro

jQuery HTML/Métodos CSS