jQuery - méthode clone (bool)

La description

le clone( bool ) les clones de méthode correspondaient aux éléments DOM et à tous leurs gestionnaires d'événements, et sélectionnez les clones.

Ceci est utile pour déplacer des copies des éléments et de leurs événements vers un autre emplacement dans le DOM.

Syntaxe

Voici la syntaxe simple pour utiliser cette méthode -

selector.clone( bool )

Paramètres

Voici la description de tous les paramètres utilisés par cette méthode -

  • bool - Défini sur true pour activer le clonage des gestionnaires d'événements.

Exemple

Voici un exemple simple montrant l'utilisation de cette méthode -

<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).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 result:</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>

Cela produira le résultat suivant -

jquery-dom.htm