잔글 (Jmnote님이 JQuery .clone() 문서를 JQuery clone() 문서로 이동했습니다) |
(→예시 1) |
||
(같은 사용자의 중간 판 2개는 보이지 않습니다) | |||
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> | ||
20번째 줄: | 20번째 줄: | ||
==예시 2== | ==예시 2== | ||
<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> | ||
27번째 줄: | 27번째 줄: | ||
<script src="//code.jquery.com/jquery.min.js"></script> | <script src="//code.jquery.com/jquery.min.js"></script> | ||
<script> | <script> | ||
$("#apple").clone().appendTo(".container"); | $("#apple").clone().appendTo("#container"); | ||
</script> | |||
</syntaxhighlight> | |||
<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> | |||
$("#container").append($("#apple").clone()); | |||
</script> | </script> | ||
</syntaxhighlight> | </syntaxhighlight> |
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
로그인하시면 댓글을 쓸 수 있습니다.