Categories: jQuery

jQuery clone – create a deep copy of matched elements

Share

The jQuery clone() Method creates a deep run time copy of set of matched DOM Elements  to another location in the DOM elements and select the clones.

This is very useful for run time copies of the elements to another location in the DOM elements.

Syntax:

$(selector).clone(true|false)

true: specifies the event handlers which should be copied
false: default. specifies the event handlers should not be copied

Read jQuery reference for more details.

Example of jQuery clone():

<p>This is a first paragraph.</p>
<p>This is a second paragraph.</p>
<script>
$(document).ready(function(){
$("p").clone().appendTo("body");
});
</script>

In the above example, it clone all <p> elements and then insert them at the end of the <body> element.

Must Read: Add table row dynamically in jQuery

Recent Posts

Role Of Gojek Clone In Growth Campaigns For Your Business

When was the last time you heard that a clone app like Gojek could efficiently…

5 hours ago

How to Optimize Your E-Commerce Pages and Improve UX?

The e-commerce market is growing and evolving at a rapid pace. More and more people…

16 hours ago

Overview of Reputation, Services, and Features of IplWin

IplWin stands as a reliable and enthralling platform for Indian punters, offering a captivating blend…

3 days ago

Blogging Brilliance: Driving Traffic and Engagement with Quality Content

Introduction In today's online age, consumers are constantly bombarded with information. They crave valuable content…

3 days ago

How Assisted Living Gives Seniors More Freedom

In today’s rapidly aging society, finding a living situation that provides older adults with both…

3 days ago

Should you go for a Refurbished Mac?

If you wish to purchase a Mac, then it is strongly suggested to consider purchasing…

4 days ago