jQuery 기본 튜토리얼

jQuery 효과

clone() 메서드는 선택된 요소 집합의 깊은 복사본을 생성합니다.

깊은 복사는 선택된 요소와 그 모든 자식 요소, 속성 및 텍스트 노드를 복사합니다.

$(selector).clone(true|false)

모든 <p> 요소를 복사하고 <body> 요소의 마지막에 삽입합니다:

예제

$("button").click(function(){
　　$("p").clone().appendTo("body");
});

모든 <b> 요소를 복사하고 모든 구절 앞에 배치합니다:

예제

$("button").click(function(){
　　$("b").clone().prependTo("p");
});

이벤트 처리기를 포함한 첫 번째 <p> 요소를 복사하고 <body> 요소의 마지막에 삽입합니다:

예제

$("p").click(function(){
　　$(this).animate({fontSize: "+=5px");
});
$("button").click(function(){
　　$("p:first").clone(true).appendTo("body");
});

파라미터	설명
true	지정된 이벤트 처리기는 요소와 함께 복사되어야 합니다
false	지정된 이벤트 처리기는 요소와 함께 복사되지 않아야 합니다. 이는 기본 값입니다