Documentação do jQuery - Método html()

Exemplo

Definir o conteúdo de todos os elementos p:

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

Experimente você mesmo

Definição e Uso

O método html() retorna ou define o conteúdo do elemento selecionado (inner HTML).

Se este método não definir parâmetros, ele retorna o conteúdo atual do elemento selecionado.

Retornar conteúdo do elemento

Quando este método retorna um valor, ele retorna o conteúdo do primeiro elemento correspondente.

Sintaxe

$(selector).html()

Experimente você mesmo

Definir conteúdo do elemento

Quando este método define um valor, ele substitui o conteúdo de todos os elementos correspondentes.

Sintaxe

$(selector).html(content)

Experimente você mesmo

Parâmetros Descrição
content - Opcional. Define o novo conteúdo do elemento selecionado. Este parâmetro pode conter tags HTML.

Usa uma função para definir o conteúdo do elemento

Usa uma função para definir o conteúdo de todos os elementos correspondentes.

Sintaxe

$(selector).html(function(index,oldcontent))

Experimente você mesmo

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

Define uma função que retorna o novo conteúdo do elemento selecionado.

  • index - Opcional. Recebe a posição de índice do seletor.
  • oldcontent - Opcional. Recebe o conteúdo atual do seletor.