(→예시 2) |
(→예시 1) |
||
(같은 사용자의 중간 판 하나는 보이지 않습니다) | |||
7번째 줄: | 7번째 줄: | ||
==예시 1== | ==예시 1== | ||
<syntaxhighlight lang='html' run> | <syntaxhighlight lang='html' run> | ||
<div | <div id="container"> | ||
<div id="apple">Apple</div> | <div id="apple">Apple</div> | ||
<div id="banana">Banana</div> | <div id="banana">Banana</div> | ||
14번째 줄: | 14번째 줄: | ||
<script src="//code.jquery.com/jquery.min.js"></script> | <script src="//code.jquery.com/jquery.min.js"></script> | ||
<script> | <script> | ||
$("#apple").appendTo(" | $("#apple").appendTo("#container"); | ||
</script> | </script> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
32번째 줄: | 32번째 줄: | ||
<syntaxhighlight lang='html' run> | <syntaxhighlight lang='html' run> | ||
<div | <div id="container"> | ||
<div id="apple">Apple</div> | <div id="apple">Apple</div> | ||
<div id="banana">Banana</div> | <div id="banana">Banana</div> |
2022년 4월 11일 (월) 10:59 기준 최신판
- 다른 뜻에 대해서는 Array clone 문서를 참조하십시오.
1 개요[ | ]
- jQuery .clone()
- 깊은 복사를 하는 jQuery 메소드
- 이벤트, 데이터까지 복제됨
2 예시 1[ | ]
html
Copy
<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[ | ]
html
Copy
<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>
html
Copy
<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 참고[ | ]
편집자 Jmnote Jmnote bot
로그인하시면 댓글을 쓸 수 있습니다.