This example describes the use of the Clone () method in jquery. Share to everyone for your reference. The specific analysis is as follows:
This method clones the matching DOM elements and selects copies of those clones and all of their event handling.
Syntax structure:
Copy Code code as follows:
$ (selector). Clone (Events,deepevents)
Parameter list:
Parameters |
Describe |
Events |
Optional. Boolean value that is used to specify whether the event handler function is replicated. The default is False. true-all event handling of the copied element. false-event handling that does not copy elements. |
Deepevents |
Optional. Boolean value that is used to specify whether the data for all child elements of the event handlers and cloned elements should be replicated. |
Instance code:
Copy Code code as follows:
<! DOCTYPE html>
<meta charset= "Utf-8" >
<meta name= "Author" content= "http://www.jb51.net/"/>
<title> Cloud-dwelling community </title>
<style type= "Text/css" >
div{
width:200px;
height:200px;
BORDER:1PX solid blue;
}
p{
width:200px;
height:200px;
border:1px solid Green;
}
</style>
<script type= "Text/javascript" src= "Mytest/jquery/jquery-1.8.3.js" ></script>
<script type= "Text/javascript" >
$ (document). Ready (function () {
$ ("button"). Click (function () {
$ ("P"). Clone (). InsertBefore ("div");
})
})
</script>
<body>
<div> I am div</div>
<p> I will be cloned </p>
<button> Click to view Effect </button>
</body>
I hope this article will help you with your jquery programming.
This article from: Ant tribe http://www.softwhy.com/