JQuery함수의 append와 appendTo 차이

하나의 dom 객체를 다른 dom에 붙히려고 할때 JQuery에서 제공하는 append나 appendTo를 사용한다.

그런데 append와 appendTo가 헷갈리는 경우가 있는데 이 두개의 차이를 알아보자.

두 개 메서드의 결정적인 차이는 붙는 대상이 무엇이냐에 있다.

아래 예제를 살펴보자

<div id="test">
 
 
 
$('<div>').appendTo($('#test'));
$('#test').append($('<div>'));

코드를 보면 두 개의 결과는 동일하다. 짐작하겠지만 appendTo는 뒤에있는 객체에 앞에있는 내용을 붙히겠다는 의미이고 append는 앞에있는 객체에 뒤라는 객체를 붙히겠다는 뜻이다.

영어 뜻을 잘 해석해서 진행하면 이해하기가 더 쉬울 것 같다.