jQuery

jQuery - .clone()

행복하게사는게꿈 2020. 6. 23. 15:34

.clone()

 

 - 선택한 요소를 복제한다.

 

예를 들어

$( '.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>

 

저작자표시 (새창열림)