jQuery 강좌 | Methods > .appendTo()

.appendTo()는 요소 앞에 선택한 요소를 배치합니다.

문법

.appendTo( target )

예를 들어

$( 'p' ).appendTo( '.ab' );

는 p 요소 앞에 ab 클래스 값을 가진 요소를 배치합니다.

예제

http://book.cmsfactory.net/jQuery/V01/Methods/appendTo-01.html

h1 요소 뒤에 있는 p 요소를 h1 요소 앞으로 이동시키는 예제입니다.

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>jQuery Method | .appendTo()</title>
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script>
      $( document ).ready( function() {
        $( 'h1' ).appendTo( 'p' );
      } );
    </script>
  </head>
  <body>
    <h1>Lorem Ipsum Dolor</h1>
    <p>Consectetur adipiscing elit.</p>
  </body>
</html>

Category

Created on 2014-03-06 01:33 | Updated on 2015-07-17 01:03

이 글을 공유하기

Kakao

Book navigation