.clone()
.clone()은 선택한 요소를 복제합니다.
문법
.clone( [withDataAndEvents ] )예를 들어
$( '.ab' ).clone().appendTo( 'h1' );은 ab를 클래스 값으로 가지는 요소를 복제하여 h1 요소에 넣습니다.
예제
span 요소를 복제하여 h1 태그 안에 넣습니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$( document ).ready( function() {
$( 'span' ).clone().appendTo( 'h1' );
} );
</script>
</head>
<body>
<h1></h1>
<p><span>Lorem ipsum dolor.</span></p>
</body>
</html>
렌더링 결과는 다음과 같습니다.
<h1><span>Lorem ipsum dolor.</span></h1>
<p><span>Lorem ipsum dolor.</span></p>
출처 : https://www.codingfactory.net/10304
'프론트엔드 개발 놀이터 > Javascript' 카테고리의 다른 글
| 상단 URL bar 숨기기 (0) | 2020.09.23 |
|---|---|
| [Javascript] Mobile Web 에서 App실행 (0) | 2020.09.07 |
| 자바스크립트 {...} [...] 문법 (비구조화 할당/구조분해 할당) (0) | 2020.07.16 |
| javascript 아날로그시계 소스 - css (0) | 2020.07.07 |
| javascript 아날로그시계 소스 - 분석4 (0) | 2020.07.07 |