jQuery HTML Operation

  • Página anterior
  • Próxima página

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");

Experimente você mesmo

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");

Experimente você mesmo

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.");

Experimente você mesmo

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.

  • Página anterior
  • Próxima página