點(diǎn)了沒反應(yīng),
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
? ? <style>
? ? .left,
? ? .right {
? ? ? ? width: 300px;
? ? ? ? height: 120px;
? ? }
? ??
? ? .left div,
? ? .right div {
? ? ? ? width: 100px;
? ? ? ? height: 90px;
? ? ? ? padding: 5px;
? ? ? ? margin: 5px;
? ? ? ? float: left;
? ? ? ? border: 1px solid #ccc;
? ? ? ? background: #bbffaa;
? ? }
? ? </style>
</head>
<body>
? ? <h2>通過clone克隆元素</h2>
? ? <div class="left">
? ? ? ? <div class="aaron1">點(diǎn)擊,clone淺拷貝</div>
? ? ? ? <div class="aaron2">點(diǎn)擊,clone深拷貝,可以繼續(xù)觸發(fā)創(chuàng)建</div>
? ? </div>
? ? <script type="text/javascript">
? ? ? ? //只克隆節(jié)點(diǎn)
? ? //不克隆事件
? ?$(".aaron1").on('click', function() {
? ? ? ?$(".left").append( $(this).clone().css('color','red') )
? ?})
? ? </script>
? ? <script type="text/javascript">
? ? //克隆節(jié)點(diǎn)
? ? //克隆事件
? ?$(".aaron2").on('click', function() {
? ? ? ? ? ? console.log(1)
? ? ? ?$(".left").append( $(this).clone(true).css('color','blue') )
? ?})
? ? </script>
</body>
</html>
2018-10-10
<script src="? 里面的http改成https就有用了
2017-06-29
$(".aaron1").on({
'click', function() {
? ? ? ?$(".left").append( $(this).clone().css('color','red') )
? ?}
})這樣寫,你那個(gè)寫的不對(duì)
2017-06-28
發(fā)現(xiàn)要引用?http://libs.baidu.com/jquery/1.9.1/jquery.js? 這個(gè)才行。
2017-06-28
??$(".aaron2").on('click', function() {
? ? ? ? ? ? console.log(1)
? ? ? ?$(".left").append( $(this).clone(true).css('color','blue') )
? ?})