jQuery clone( bool ) Method

« Previous Chapter Next Chapter »

Description:

The clone( bool ) method clones matched DOM Elements, and all their event handlers, and select the clones.

This is useful for moving copies of the elements, and their events, to another location in the DOM.

Syntax:

Here is the simple syntax to use this method:

Example

selector.clone( bool )
                                        

Parameters:

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

  • bool: Set to true to enable cloning of event handlers.

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).clone().insertAfter(this);
    });
   });
   </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>
   <div class="div" style="background-color:blue;"></div>
   <div class="div" style="background-color:green;"></div>
   <div class="div" style="background-color:red;"></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!