위키
포럼
도구
바뀐글
랜덤

"JQuery clone()"의 두 판 사이의 차이

 
(사용자 2명의 중간 판 16개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{다른뜻|Array clone}}
==개요==
==개요==
;jQuery .clone()
;jQuery .clone()
* 깊은 복사를 하는 jQuery 메소드
* 이벤트, 데이터까지 복제됨
==예시 1==
<syntaxhighlight lang='html' run>
<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").appendTo("#container");
</script>
</syntaxhighlight>
==예시 2==
<syntaxhighlight lang='html' run>
<div id="container">
  <div id="apple">Apple</div>
  <div id="banana">Banana</div>
</div>


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


<div class="box1">Box 1</div>
<syntaxhighlight lang='html' run>
<div class="box2">Box 2</div>
<div id="container">
<hr>
  <div id="apple">Apple</div>
<div class="box3">Box 3</div>
  <div id="banana">Banana</div>
<div class="box4">Box 4</div>
</div>


<script src="//code.jquery.com/jquery.min.js"></script>
<script>
<script>
$( ".box1" ).appendTo( ".box2" );
$("#container").append($("#apple").clone());
$( ".box3" ).clone().appendTo( ".box4" );
</script>
</script>
</source>
</syntaxhighlight>
<jsfiddle height='200'>7c9Lozhy</jsfiddle>
 
==같이 보기==
*[[jQuery .appendTo()]]
* [[자바스크립트 cloneNode & appendChild]]
*[[복제]]


==참고 자료==
==참고==
* http://api.jquery.com/clone/
* http://api.jquery.com/clone/


[[분류: jQuery]]
[[분류: jQuery]]

2022년 4월 11일 (월) 10:59 기준 최신판

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

1 개요[ | ]

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

2 예시 1[ | ]

<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").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 같이 보기[ | ]

5 참고[ | ]

원본 주소 "https://zetawiki.com/w/index.php?title=JQuery_clone()&oldid=808110"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}