<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{ width:200px; height:100px; border:1px solid #FF0000; } </style> </head> <body> <input type="button" value="克隆" id="div2"/> <div id="div1"> <span>span1</span> <p>p1 <b1>b1</b1> </p> <div> <br/><br/> </div> </div> </body> </html> <script src="./jquery-3.4.1.js"></script> <script type="text/javascript"> $(function(){ //给id为div1的元素添加一个点击事件 $('#div1').click(function(){ alert("你好"); }); //jquery克隆节点:clone() //给按钮设置点击事件,只存在内存中 应该追加到页面上 //clone()有参数,不管是true还是false都会克隆到后代节点 //参数是true表示会把事件一起克隆,false不会克隆事件,不给参数默认是false $("#div2").click(function(){ var $cloneDiv = $('#div1').clone(false); //修改克隆节点的id $cloneDiv.attr('id','cloneDiv'); //把克隆的节点追加到body中 $('body').append($cloneDiv); //克隆之后页面上会有两个表示相同,但是id不相同的节点 }); }); </script>
jQuery12 克隆节点
最新推荐文章于 2023-06-16 20:53:39 发布