jQuery - metodo remove (expr)

Descrizione

Il remove( expr )rimuove tutti gli elementi corrispondenti dal DOM. Questo NON li rimuove dall'oggetto jQuery, consentendo di utilizzare ulteriormente gli elementi corrispondenti.

Confronta con empty() metodo.

Sintassi

Ecco la semplice sintassi per utilizzare questo metodo:

selector.remove( expr )

Parametri

Ecco la descrizione di tutti i parametri utilizzati da questo metodo:

  • expr - Questa è un'espressione jQuery opzionale per filtrare l'insieme di elementi da rimuovere.

Esempio

Di seguito è riportato un semplice esempio che mostra l'utilizzo di questo metodo:

<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>

Questo produrrà il seguente risultato:

jquery-dom.htm