[Front end] jQuery 요소의 복사 clone

 

다음 메서드를 사용하면 선택한 요소나 콘텐츠를 복사하여 새로운 HTML 요소나 콘텐츠를 생성할 수 있다.

 

clone 메서드

.clone() 메서드는 선택한 요소를 복사하여 새로운 HTML 요소를 생성한다.

<p id='hello'>안녕하세요.</p>
<p id='jq'>jQuery입니다.</p>

$('#hello').clone().appendTo('#jq');

위의 예제를 실행해 보면 알 수 있듯이 .clone() 메서드는 기존의 HTML 요소를 복사하여 새로운 HTML 요소를 생성할 뿐이다.  따라서 반드시 .append() 메서드나 .appendTo() 메서드와 같은 다른 메서드를 이용하여 요소를 추가해야 한다. .clone() 메서드를 사용하지 않고 .appendTo() 메서드만을 사용하면, 기존에 존재하는 HTML 요소를 그대로 추가하는 점이 다르다.