jQuery remove( expr ) Method

« Previous Chapter Next Chapter »

Description:

The remove( expr ) method removes all matched elements from the DOM. This does NOT remove them from the jQuery object, allowing you to use the matched elements further.

Compare it with empty() method.

Syntax:

Here is the simple syntax to use this method:

Example

selector.remove( expr )
                                        

Parameters:

Here is the description of all the parameters used by this method:

  • expr: This is an optional jQuery expression to filter the set of elements to be removed.

Example:

Example

<html>
<head>
   <script type="text/javascript"  src="../../js/jquery-2.2.0.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 Output:</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>
                                        
Code It Online

« Previous Chapter Next Chapter »

Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!