ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • jQuery - .clone()
    jQuery 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>

     

    'jQuery' 카테고리의 다른 글

    jQuery - .delay()  (0) 2020.06.23
    jQuery - .css()  (0) 2020.06.23
    jQuery - .click()  (0) 2020.06.23
    jQuery - .children()  (0) 2020.06.23
    jQuery - before()  (0) 2020.06.23

    댓글

Designed by Tistory.