반응형
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>
반응형
