[jQuery] 제이쿼리 appendTo, prependTo 사용해 요소 추가하기

요소를 추가하는 appendTo, prependTo 메서드에 대해 알아보도록 하겠습니다.

메서드	설명
.appendTo()	마지막에 요소를 삽입합니다.
.prependTo()	처음에 요소를 삽입합니다.

1. appendTo().

append메서드와 달리 추가할 요소가 앞에 들어갑니다.

<div class="a">
    <p>2</p>
</div>
<script>
    $('<p>1</p>').appendTo('.a')
</script>

 

2. prependTo().

prepend메서드와 달리 추가할 요소가 앞에 들어갑니다.

<div class="a">
    <p>2</p>
</div>
<script>
    $('<p>1</p>').prependTo('.a')
</script>