최신판 |
당신의 편집 |
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>
| |
|
| |
|
| <syntaxhighlight lang='html' run> | | <div class="box1">Box 1</div> |
| <div id="container"> | | <div class="box2">Box 2</div> |
| <div id="apple">Apple</div>
| | <hr> |
| <div id="banana">Banana</div>
| | <div class="box3">Box 3</div> |
| </div> | | <div class="box4">Box 4</div> |
|
| |
|
| <script src="//code.jquery.com/jquery.min.js"></script>
| |
| <script> | | <script> |
| $("#container").append($("#apple").clone()); | | $( ".box1" ).appendTo( ".box2" ); |
| | $( ".box3" ).clone().appendTo( ".box4" ); |
| </script> | | </script> |
| </syntaxhighlight> | | </source> |
| | | <jsfiddle height='200'>7c9Lozhy</jsfiddle> |
| ==같이 보기== | |
| *[[jQuery .appendTo()]]
| |
| * [[자바스크립트 cloneNode & appendChild]]
| |
| *[[복제]]
| |
|
| |
|
| ==참고== | | ==참고 자료== |
| * http://api.jquery.com/clone/ | | * http://api.jquery.com/clone/ |
|
| |
|
| [[분류: jQuery]] | | [[분류: jQuery]] |