Home >>jQuery Tutorial >jQuery clone() Method

jQuery clone() Method

jQuery clone() method in jQuery is used to makes a copy of selected elements, including text, child nodes and attributes.

Syntax:

$(selector).clone(true|false)

Parameter Values

Parameter	Description
true	It is used to specifies that event handlers also should be copied
false	It is Default value and is used to Specifies that event handlers should not be copied

Here is an Example of jQuery clone() Method:


<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$(".txt1").clone().appendTo("body");
});
});
</script>
</head>
<body>
<p class="txt1">This is a PHPTPOINT</p>
<p class="txt1">welcome to my world.</p>
<button class="btn1">click me to see effect</button>
</body>
</html>

Output:

This is a PHPTPOINT

welcome to my world.

« Previous Next »

jQuery Tutorial jQuery History jQuery Example jQuery Selectors jQuery – Effects jQuery animate() Method jQuery delay() Method jQuery dequeue() Method jQuery fadeIn() Method jQuery fadeOut() Method jQuery fadeTo() method jQuery clearQueue() Method jQuery fadeToggle() Method jQuery finish() Method jQuery hide() Method jQuery show() Method jQuery slideDown() Method jQuery slideToggle() Method jQuery slideUp() Method jQuery stop() Method jQuery toggle() Method jQuery queue() Method jQuery HTML / CSS Methods jQuery Events jQuery Selector Lists jQuery Traversing Methods jQuery AJAX Methods

No Sidebar ads