•  
     

Removendo Elementos - jQuery

Adicionar elementos aos nossos documentos HTML é ótimo, mas sem a habilidade de removê-los, nossas páginas podem ficar confusas em pouco tempo. Felizmente, temos duas funções em jQuery, .empty() e .remove(), que nos ajudam a deletar conteúdo das nossas páginas.

.empty() deleta o conteúdo de um elemento e todos os seus descendentes. Por exemplo, se você esvaziar .empty() um 'ol', você também vai remover todos os seus 'li's e o texto neles contido.

.remove(), não deleta somente o conteúdo de um elemento, mas deleta também o próprio elemento.

HTML

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div class="container">
<h2>Greetings</h2>
<div id="one">Div #1</div>
<div id="two">Div #2</div>
</div>  
</body>
</html>



JavaScript

Código: Selecionar todos

$(document).ready(function(){ 
$('#two').remove();
});


Demo: http://jsfiddle.net/0ma7nkkL/3/