Home
índice
Página anterior

Manipulação DOM
Remover da Árvore

Manipular Dom

remove();

Remove elementos alvos. No exemplo abaixo, serão removidos todos elementos <h2>, da árvore Dom. Nesse caso, serão <h2 id="titulo">Manipulação DOM Remover da Árvore</h2> e também
<h2>Manipular Dom</h2>. Clique em Manipular Dom, para ver esse efeito em funcionamento:

	No javaScript:
	$(document).ready(function(){
	$("span").click(function(){

	$("h2").remove(); 
        $("h2").remove("#titulo"); //para remover um elemento específico
		});
	$("ul").append("<li>Dentro e na última posição</li>");
	$("ul").prepend("<li>Dentro e na primeira posição</li>");  
	$("ul").before("<h2 id='titulo'>Fora e antes do Elemento alvo</h2>"); 
	$("ul").after("<h2>Fora e Depois do Elemento alvo</h2>"); 
	$("ul").wrap("<p></p>");   
	$("ul").append($("li").clone());  
	});

Manipular Dom

• (1)remove
• (2)empty
• (3)unwrap

empty();

Limpa elementos internos.

	No javaScript:
	$(document).ready(function(){
	$("span").click(function(){

	$("ul").empty();
	});
	});

unwrap();

Esta função remove o elemento que encapsula o elemento alvo.
Obs: não funcionou com o parágrafo envolvendo da forma abaixo:

	<p>
	<ul>
	<li>(1)remove</li>
	<li>(2)empty</li>
	<li>(3)unwrap</li>
	</ul>
	</p>
  

No javaScript:
$(document).ready(function(){
$("span").click(function(){
$("ul").unwrap();
})
});