jQuery operações de documento - método append()

Exemplo

Inserir conteúdo no final de cada elemento p:

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

Experimente você mesmo

Definição e uso

O método append() insere o conteúdo especificado no final do elemento selecionado (ainda dentro).

Dica:append() e appendTo() A tarefa executada pela função é a mesma. A diferença está na: posição do conteúdo e do seletor.

Sintaxe

$("selector").append(content)
Parâmetros Descrição
content Obrigatório. Determina o conteúdo a ser inserido (pode conter tags HTML).

Usar função para anexar conteúdo

Usar função para inserir conteúdo no final do elemento especificado.

Sintaxe

$("selector").append(function(index,html))

Experimente você mesmo

Parâmetros Descrição
function(index,html)

Obrigatório. Determina a função que define o conteúdo a ser inserido.

  • index - Opcional. Recebe a posição do índice do seletor.
  • html - Opcional. Recebe o HTML atual do seletor.