How to use the clone () method in jquery

This article mainly introduces how to use the clone () method in jquery, which has a certain reference value, and interested friends can refer to it. I hope you will gain a lot after reading this article.

In jquery, the clone () method is used to copy an element, which produces a copy of the selected element, including child nodes, text, and attributes; the syntax is "$(selector) .clone (bool)", and the parameter bool is a Boolean value that specifies whether to copy all event handling for the element.

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

Jquery clone () method

In jquery, the clone () method is used to copy elements.

The clone () method produces a copy of the selected element, including child nodes, text, and attributes.

Syntax:

$(selector) .clone (bool)

The parameter bool is a Boolean value that specifies whether to copy all event handling for the element. The value is true or false, and the default value is false. True means not only to copy the element, but also to copy the event bound by the element. False means that only the element is copied, but not the event bound by the element.

Example:

$(function () {$("li") .click (function () {alert ("Welcome!") ;}); $("# btn") .click (function () {var $li = $("ul li:nth-child (4)") .clone (true); $($li) .appendto ("ul");}) }) HTML CSS JavaScript jQuery Vue.js

In this example, we bind a click event for all li elements. $("ul li:nth-child (4)") .clone (true) replicates the fourth li element and copies the event bound by the li element at the same time.

Thank you for reading this article carefully. I hope the article "how to use the clone () method in jquery" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!