tutoriais mais recente desenvolvimento web
 

jQuery append() Method

<JQuery HTML / CSS Métodos

Exemplo

Inserir conteúdo no final de todas as <p> elementos:

$("button").click(function(){
    $("p").append("<b>Appended text</b>");
});
Tente você mesmo "

Definição e Uso

Os append() método insere conteúdo especificado no final dos elementos selecionados.

Dica: Para inserir o conteúdo no início dos elementos selecionados, utilize o prepend() método.


Sintaxe

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

Parâmetro Descrição
content Requeridos. Especifica o conteúdo para inserir (pode conter tags HTML)

Valores possíveis:

  • elementos HTML
  • objetos jQuery
  • elementos DOM
function(index,html) Opcional. Especifica uma função que retorna o conteúdo para inserir
  • index - Retorna a posição de índice do elemento no conjunto
  • html - Retorna o HTML atual do elemento selecionado

Tente você mesmo - Exemplos

append() - Criar conteúdo com HTML, jQuery e DOM
Inserir conteúdo com o append() método.

Anexar conteúdo usando uma função
Utilizando uma função de inserir conteúdo no final dos elementos seleccionados.


<JQuery HTML / CSS Métodos