.clone() Method

Syntax

$(selector).clone(includeEvents)

Description

".clone()" method is used to make the duplicate copies of the selected elements. This copies child, text and attributes of the selected elements. The below example shows you how to copy elements from the selected elements.

Example Code

<br><style type="text/css"> .class1 { font-size:120%; font-weight: bold; color:green; } </style> <script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $("#1").click(function(){ $("h1").clone().insertBefore("h1"); }); $("#3").click(function(){ $("#3").clone().insertAfter("#3"); }); $("#2").click(function(){ location.reload(); }); }); </script> <b>Example 1:</b> <h3>Welcome to Hscripts.com</h3> <p class="class1">Hscripts is praised as best free webmaster resources online, by our users.</p> <p class="jq_ptag">Free website content that help to develop, build, promote and maintain a web site. </p> <input type="button" id="1" value="Clone H1 Element" onclick="test();"><br><b>Example 2:</b><br><input type="button" id="3" value="Clone This Button" onclick="test();"><br><input type="button" id="2" value="Reset" onclick="test();"><br>