jQuery HTML Operation
O jQuery inclui muitas funções poderosas para alterar e operar HTML.
Mudar o conteúdo HTML
Sintaxe
$(selector).html(content)
A função html() muda o conteúdo do elemento HTML correspondente (innerHTML).
Exemplo
$("p").html("W3School");
Adicionar conteúdo HTML
Sintaxe
$(selector).append(content)
A função append() adiciona conteúdo adicional ao conteúdo interno do elemento HTML correspondente.
Sintaxe
$(selector).prepend(content)
A função prepend() adiciona conteúdo 'predefinido' (Prepend) ao conteúdo interno do elemento HTML correspondente.
Exemplo
$("p").append(" CodeW3C.com");
Sintaxe
$(selector).after(content)
A função after() insere conteúdo HTML após todos os elementos correspondentes.
Sintaxe
$(selector).before(content)
A função before() insere conteúdo HTML antes de todos os elementos correspondentes.
Exemplo
$("p").after(" CodeW3C.com.");
jQuery HTML Operation - Este página
Função | Descrição |
---|---|
$(selector).html(content) | Mudar o HTML interno do elemento selecionado |
$(selector).append(content) | Adicionar conteúdo adicional ao HTML interno do elemento selecionado |
$(selector).prepend(content) | Adicionar conteúdo 'predefinido' (Prepend) ao HTML interno do elemento selecionado |
$(selector).after(content) | Adicionar HTML após o elemento selecionado |
$(selector).before(content) | Adicionar HTML antes do elemento selecionado |
Para obter o manual de referência completo, acesse nosso Manual de referência de operação HTML do jQuery.