Método jQuery - remove (expr)

Descrição

o remove( expr )método remove todos os elementos correspondentes do DOM. Isso NÃO os remove do objeto jQuery, permitindo que você use os elementos correspondentes ainda mais.

Compare com empty() método.

Sintaxe

Aqui está a sintaxe simples para usar este método -

selector.remove( expr )

Parâmetros

Aqui está a descrição de todos os parâmetros usados por este método -

expr - Esta é uma expressão jQuery opcional para filtrar o conjunto de elementos a serem removidos.

Exemplo

A seguir está um exemplo simples mostrando o uso desse método -

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $("div").click(function () {
               $(this).remove().appendTo("#result");
            });
         });
      </script>
		
      <style>
         .div{ margin:10px;padding:12px; border:2px solid #666; width:60px;}
      </style>
   </head>
	
   <body>
      <p>Click on any square below to see the result:</p>
      <p id = "result"> THIS IS TEST </p>
      <hr />
		
      <div class = "div" style = "background-color:blue;">ONE</div>
      <div class = "div" style = "background-color:green;">TWO</div>
      <div class = "div" style = "background-color:red;">THREE</div>
   </body>
</html>

Isso produzirá o seguinte resultado -

jquery-dom.htm

↰ Previous page