Does jquery have a cloning method?

青灯夜游
Release: 2020-11-19 10:14:52
Original
1688 people have browsed it

jquery has a cloning method, namely the clone() method. The clone() method is specially used to process dom clones. It can generate a copy of the selected element, including child nodes, text and attributes; the syntax is "$(selector).clone(true|false)", true specifies that copy event processing is required program.

Does jquery have a cloning method?

Related recommendations: "jq视频"

Clone node is a common operation of DOM, jQuery provides a clone method , specially used for processing dom clone

.clone() method to deeply copy all matching element sets, including all matching elements, subordinate elements of matching elements, and text nodes.

The clone method is relatively simple, just clone the node, but it should be noted that if the node has other processing such as events or data, we need to pass a Boolean value ture through clone(ture) to specify, so Not only clone the simple node structure, but also clone the accompanying events and data.

Syntax

$(selector).clone(true|false)
Copy after login

Parameters:

  • ##true Specifies that the event handler needs to be copied.

  • #false Default. Specifies that event handlers are not copied.

For example:

HTML part


##

Copy after login
JavaScript part

$("div").on('click', function() {//执行操作}) //clone处理一 $("div").clone() //只克隆了结构,事件丢失 //clone处理二 $("div").clone(true) //结构、事件与数据都克隆
Copy after login

It’s so simple to use. We need to know additional details when using clone:

    clone() method, before inserting it into the document, we can Modify the cloned element or element content. For example, in the code on the right, I $(this).clone().css('color','red') adds a color
  • by passing true, copies all event handling functions bound to the original element to the cloned element
  • The clone() method is a jQuery extension and can only handle events bound through jQuery. Data
  • Objects and arrays within element data (data) will not be copied and will continue to be shared between the cloned element and the original element. All data for deep copying needs to be copied manually for each
  •        
    

    通过clone克隆元素

    点击,clone浅拷贝
    点击,clone深拷贝,可以继续触发创建
    Copy after login
    For more programming-related knowledge, please visit: Programming Course

    ! !

    The above is the detailed content of Does jquery have a cloning method?. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!