tutoriais mais recente desenvolvimento web
 

jQuery - Remover Elements


Com jQuery, é fácil de remover elementos HTML existentes.


Remover Elements / Conteúdo

Para remover elementos e conteúdos, existem essencialmente dois métodos jQuery:

  • remove() - Remove o elemento selecionado (e seus elementos filho)
  • empty() - Remove os elementos filho do elemento selecionado

jQuery remove() Método

O jQuery remove() método remove o selecionado element(s) e seus elementos filho.

Exemplo

$("#div1").remove();
Tente você mesmo "

jQuery empty() Método

O jQuery empty() método remove os elementos filho do selecionado element(s) .

Exemplo

$("#div1").empty();
Tente você mesmo "

Filtrar os elementos para ser removido

O jQuery remove() método também aceita um parâmetro, que permite filtrar os elementos a serem removidos.

O parâmetro pode ser qualquer uma das sintaxes seletor jQuery.

O exemplo a seguir remove todos <p> elementos com class="test" :

Exemplo

$("p").remove(".test");
Tente você mesmo "

Este exemplo remove todos <p> elementos com class="test" e class="demo" :

Exemplo

$("p").remove(".test, .demo");
Tente você mesmo "

Teste-se com exercícios!

Exercício 1 » Exercício 2» Exercício 3 » Exercício 4»


jQuery HTML Referência

Para uma visão completa de todos os métodos jQuery HTML, por favor, vá ao nosso jQuery HTML / CSS Referência .