jQuery - Remover Elementos
Com jQuery, é fácil remover elementos HTML existentes.
Remover elementos/conteúdo
Para remover elementos e conteúdo, existem principalmente dois métodos jQuery:
remove()- Remove o elemento selecionado (e seus elementos filho)empty()- Remove os elementos filho do elemento selecionado
Método jQuery remove()
O método jQuery remove()remove o(s) elemento(s) selecionado(s) e seus elementos filho.
Exemplo
$("#div1").remove();
Método jQuery vazio()
O método jQuery empty()remove os elementos filho do(s) elemento(s) selecionado(s).
Exemplo
$("#div1").empty();
Filtre os elementos a serem removidos
O método jQuery remove()também aceita um parâmetro, que permite filtrar os elementos a serem removidos.
O parâmetro pode ser qualquer uma das sintaxes do seletor jQuery.
O exemplo a seguir remove todos os <p>elementos com class="test":
Exemplo
$("p").remove(".test");
Este exemplo remove todos os <p>elementos com class="test"e
class="demo":
Exemplo
$("p").remove(".test, .demo");
Exercícios de jQuery
Referência HTML jQuery
Para uma visão geral completa de todos os métodos HTML do jQuery, acesse nossa Referência HTML/CSS do jQuery .