JQuery clone()

  다른 뜻에 대해서는 Array clone 문서를 참조하십시오.

1 개요

jQuery .clone()

• 깊은 복사를 하는 jQuery 메소드
• 이벤트, 데이터까지 복제됨

2 예시 1

<div class="container">
  <div id="apple">Apple</div>
  <div id="banana">Banana</div>
</div>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$("#apple").appendTo(".container");
</script>

3 예시 2

<div id="container">
  <div id="apple">Apple</div>
  <div id="banana">Banana</div>
</div>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$("#apple").clone().appendTo("#container");
</script>

<div id="container">
  <div id="apple">Apple</div>
  <div id="banana">Banana</div>
</div>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$("#container").append($("#apple").clone());
</script>

4 같이 보기

• jQuery .appendTo()
• 자바스크립트 cloneNode & appendChild
• 복제

5 참고

• http://api.jquery.com/clone/