위키
포럼
도구
바뀐글
랜덤

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

 
(같은 사용자의 중간 판 하나는 보이지 않습니다)
7번째 줄: 7번째 줄:
==예시 1==
==예시 1==
<syntaxhighlight lang='html' run>
<syntaxhighlight lang='html' run>
<div class="container">
<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(".container");
$("#apple").appendTo("#container");
</script>
</script>
</syntaxhighlight>
</syntaxhighlight>
32번째 줄: 32번째 줄:


<syntaxhighlight lang='html' run>
<syntaxhighlight lang='html' run>
<div class="container">
<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[ | ]

<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 }}