O método jQueryappend() é usado para inserir conteúdo especificado como o último filho (no final) dos elementos selecionados na coleção jQuery.
Os métodosappend() eappendTo() são usados para realizar a mesma tarefa. A única diferença entre eles está na sintaxe.
Sintaxe :
$(selector).append(content, function(index, html))
Parâmetros do método jQuery append()
| Parâmetro | Descrição | ||
|---|---|---|---|
| Contente | É um parâmetro obrigatório. Ele especifica o conteúdo que você deseja inserir. Seus valores possíveis são:
| ||
| Função (índice,html) | É um parâmetro opcional. Especifica a função que retorna o conteúdo a ser inserido.| Índice: | Ele retorna a posição do índice do elemento no conjunto.HTML: | Retorna o HTML atual do elemento selecionado. |
Exemplo de método jQuery append()
Vamos dar um exemplo para demonstrar o método jQueryappend().
$(document).ready(function(){ $('#btn1').click(function(){ $('p').append(' <b>Newly added appended text</b> .'); }); $('#btn2').click(function(){ $('ol').append('<li> <b>Newly added appended item</b> </li>'); }); }); <p>This is a paragraph.</p> <p>This is another paragraph.</p> <ol> <li>Item no.1</li> <li>Item no.2</li> <li>Item no.3</li> </ol> Append text Append item Teste agora