[jQuery] 요소의 복제 - clone() 메서드

jQuery에서 clone() 메서드를 이용해 하나의 요소를 복제할 수도 있습니다. 다음의 예시에서는 clone() 메서드 다음에 appendTo() 메서드를 이어서 사용하였습니다.

* 이렇게 메서드 여러개를 이어서 사용하는 것을 Method Chaining이라고 합니다.

 

<script>
  $(document).ready(function() {
    $("#target5").clone().appendTo("#line1");
  });
</script>
<div>
  <h4>1st Line</h4>
  <div id="line1">
    <button id="target1">#target1</button>
    <button id="target2">#target2</button>
    <button id="target3">#target3</button>
  </div>
</div>
<div>
  <h4>2nd Line</h4>
  <div id="line2">
    <button id="target4">#target4</button>
    <button id="target5">#target5</button>
    <button id="target6">#target6</button>
  </div>
</div>

 

clone()