append(), prepend(), appendTo(), prependTo()

- append() 메소드는 선택된 요소의 마지막에 추가된다.

$(target).append("<span>추가요소</span>"); >> target요소의 마지막에 붙는다. ex) list 추가될 때

 

- prepend() 메소드는 append와 반대로 선택한 요소의 처음에 추가된다.

$(target).prepend("추가요소"); >> target요소의 처음에 붙는다. ex) 실시간 업데이트 글

 

- appendTo() 메소드는 선택한 요소를 '해당 요소의 마지막'에 추가한다.

$("추가요소").appendTo(target) >> target의 뒤에 추가요소가 붙는다.

 

- prependTo() 메소드는 선택한 요소를 '해당 요소의 처음'에 추가한다.

$("추가요소").prependTo(target) >> target의 처음에 추가요소가 붙는다.

 

** 처음엔 append와 appendTo가 헷갈렸는데 그냥 대상과 추가요소 위치가 바뀌는거라고 생각하면 될것 같다.