复制节点 clone()

概述

克隆匹配的DOM元素并且选中这些克隆的副本。

在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用。

参数

EventsBooleanV1.0

一个布尔值（true 或者 false）指示事件处理函数是否会被复制。V1.5以上版本默认值是：false

Events[,deepEvents]Boolean,BooleanV1.5

1:一个布尔值（true 或者 false）指示事件处理函数是否会被复制。

2:一个布尔值，指示是否对事件处理程序和克隆的元素的所有子元素的数据应该被复制。

示例

描述:

克隆所有b元素（并选中这些克隆的副本），然后将它们前置到所有段落中。

HTML 代码:

<b>Hello</b><p>, how are you?</p>

jQuery 代码:

$("b").clone().prependTo("p");

结果:

<b>Hello</b><p><b>Hello</b>, how are you?</p>

描述:

创建一个按钮，他可以复制自己，并且他的副本也有同样功能。

HTML 代码:

<button>Clone Me!</button>

jQuery 代码:

$("button").click(function(){
  $(this).clone(true).insertAfter(this);
});

示例：

html

<div class="employ-right-bk">
  <div class="employ-right-row employ-copy">
    <ul class="row">
      <li class="col-lg-4 col-md-4 col-sm-4 col-12">
        <div class="employ-right-div">
          <input type="text" placeholder="Company name" value="1">
        </div>
      </li>
      <li class="col-lg-4 col-md-4 col-sm-4 col-12">
        <div class="employ-right-div">
          <input type="text" placeholder="Country/City: " value="">
        </div>
      </li>
      <li class="col-lg-4 col-md-4 col-sm-4 col-12">
        <div class="employ-right-div">
          <input type="text" placeholder="Job title" value="">
        </div>
      </li>
      <li class="col-lg-4 col-md-4 col-sm-4 col-12">
        <div class="employ-right-div">
          <input type="text"  placeholder="Started date" value="">
        </div>
      </li>
      <li class="col-lg-4 col-md-4 col-sm-4 col-12">
        <div class="employ-right-div">
          <input type="text"  placeholder="Salary Range monthly (HKD)" value="">
        </div>
      </li>
      <li class="col-sm-12 col-12">
        <div class="employ-right-div">
          <input type="text"  placeholder="Short job description & achievement" value="">
        </div>
      </li>
      <li class="col-sm-12 col-12">
        <div class="employ-right-div">
          <input type="text"  placeholder="Reason for leaving" value="">
        </div>
      </li>
    </ul>
  </div>
</div>
<div class="employ-right-divb">
  <button class="filea-button"><i class="iconfont yswl-zengjia"></i>复制</button>
</div>

JQ

$(function () {
    /*复制*/
    $('.filea-button').click(function () {
        $('.employ-right-bk').append($('.employ-copy:first').clone(true));
    });

});