tutoriais mais recente desenvolvimento web
 

jQuery html() Method

<JQuery HTML / CSS Métodos

Exemplo

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

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

Definição e Uso

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

Quando este método é usado para retornar o conteúdo, que devolve o conteúdo do primeiro elemento de correspondência.

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

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


Sintaxe

Retornar conteúdo:

$(selector).html()

conteúdo Set:

$(selector).html( content )

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

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

Parâmetro Descrição
content Requeridos. Especifica o novo conteúdo para os elementos selecionados (pode conter tags HTML)
function(index,currentcontent) Opcional. Especifica uma função que retorna o novo conteúdo para os elementos selecionados
  • index - Retorna a posição de índice do elemento no conjunto
  • currentcontent - Retorna o conteúdo HTML atual do elemento selecionado

Tente você mesmo - Exemplos

Conteúdo do elemento de retorno
Como retornar o conteúdo de um elemento.

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


<JQuery HTML / CSS Métodos