본문으로 바로가기

append와 appendTo는 생각보다 정말 많이 사용되는 함수이다.


<div id="a">

</div>


위와 같이 a 라는 id를 부여한 영역에 HTML을 추가하고 싶을 때 사용한다.

$(A).append(B)는 A에 B를 추가하고, $(A).appendTo(B)는 B에 A를 추가한다.


예를 들어,

$("#a").append("<p>hello</p>"); 라면, a에 <p>hello</p>가 추가된다.


append와 appendTo는 마지막 index에 추가되는데, 맨 처음에 추가하고 싶다면 prepend를 사용한다.


정리하자면 아래와 같은 영역에 <div>c</div> 를 추가한다고 해 보자.


<div id="a">

<div>b</div>

</div>


$("#a").append("<div>c</div>") ; 를 하면 아래처럼 맨 뒤에 추가된다.


<div id="a">

<div>b</div>

<div>c</div>

</div>


$("#a").prepend("<div>c</div>") ; 를 하면 맨 앞에 추가된다.


<div id="a">

<div>c</div>

<div>b</div>

</div>

 Other Contents 

댓글을 달아 주세요

티스토리 툴바