jQuery的克隆方法clone()

网页中用到克隆的地方有很多，例如页面滚动到底部时内容动态加载，都可以用克隆来实现。

克隆时一般先把模板单独放出来，并给样式设置为display:none，用jQuery的clone()实现

        <div class="panel panel-default clone-box">
            <div class="panel-heading">
                <a href="javascript:;" class="flex">
                    <div class="panel-title">
                        <span></span>
                        <img src="img/work2.jpg" class="work1">
                    </div>
                </a>
            </div>
            <div class="panel-collapse collapse">
                <div class="panel-body">
                    <p>今日已完成</p>
                    <p class="finish-detail"></p>
                    <p>困难或总结</p>
                    <p class="summary">无，如果有可以写！</p>
                </div>
            </div>
        </div>

.cone-box{
    display:none;
}

接下来就是重头戏，jQuery的clone()方法：

var clone = $(".clone-box").clone(true);
clone.removeClass("clone-box");
$(this).attr("data-dismiss", "modal");                                        
$('.weekbao .panel-group').prepend(clone);

clone()方法里的true代表克隆的时候连事件也一起克隆。