[jQuery] 요소 복사 함수 - .clone()

 

 

jQuery의 .clone() 함수

jQuery의 .clone() 함수는 선택한 요소를 복사하는 함수입니다.

.clone() 함수는 일치하는 요소 집합의 전체 복사본을 만드는 함수입니다. 또한 요소뿐만 아니라 요소가 가지고 있는 이벤트를 함께 복사하는 함수입니다.

 

// .clone() 함수 사용법
.clone( [withDataAndEvents] )

//withDataAndEvents - 이벤트 핸들러와 데이터 요소와 함께 복사해야하는지 여부를 나타내는 부울값


=========================

<div class="test"></div>
<h1>Main is title</h1>
 
<script>
$( document ).ready(function() {
    var title = $('h1').clone();
    $('.test').html(title);
});
</script>



-------------------------------------------------------------------

<divclass="title">
	<h1>Main is title</h1>
</div>
<h1>Main is title</h1>