Método jQuery html()

Altere o conteúdo de todos os elementos <p>:

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

Definição e uso

O método html() define ou retorna o conteúdo (innerHTML) dos elementos selecionados.

Quando este método é usado para retornar conteúdo, ele retorna o conteúdo do PRIMEIRO elemento correspondente.

Quando este método é usado para definir o conteúdo, ele substitui o conteúdo de TODOS os elementos correspondentes.

Dica: Para definir ou retornar apenas o conteúdo de texto dos elementos selecionados, use o método text() .

Conteúdo de retorno:

$(selector).html()

Definir conteúdo:

$(selector).html(content)

Defina o conteúdo usando uma função:

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

Parameter	Description
content	Required. Specifies the new content for the selected elements (can contain HTML tags)
function(index,currentcontent)	Optional. Specifies a function that returns the new content for the selected elements index - Returns the index position of the element in the set currentcontent - Returns the current HTML content of the selected element

Como retornar o conteúdo de um elemento.

Usando uma função para definir o conteúdo de todos os elementos selecionados.