[Jquery] append, appendTo 차이점
api.jquery.com/append/#append-content-content
.append() | jQuery API Documentation
Description: Insert content, specified by the parameter, to the end of each element in the set of matched elements. The .append() method inserts the specified content as the last child of each element in the jQuery collection (To insert it as the first chi
api.jquery.com
api.jquery.com/appendTo/#appendTo-target
.appendTo() | jQuery API Documentation
Description: Insert every element in the set of matched elements to the end of the target. The .append() and .appendTo() methods perform the same task. The major difference is in the syntax-specifically, in the placement of the content and target. With .ap
api.jquery.com
append와 appendTo의 결과는 같습니다. 다만 차이점이라 한다면 주체가 누가 되느냐가 다릅니다.
예시를 보겠습니다.
html
<div class="box">
<p class="tag">바나나</p>
</div>jquery
$(function(){
$(".tag").append("<p>딸기</p>");
$("<p>수박</p>").appendTo(".tag");
})결과
<div class="box">
<p class="tag">바나나</p>
<p>딸기</p>
<p>수박</p>
</div>