[ jQuery ] append & appendTo

jQuery ( 기존 요소의 앞/뒤/안 에 데이터 추가 )

< .append() >

: 선택된 요소의 마지막에 새로운 HTML요소나 컨텐츠를 추가한다.

$(target).append(source)
$("#list").append("<li> new itme </li>");

< .prepen() > 

선택한 요소의 첫번째(맨위)에 HTML 요소나 컨텐츠를 추가

$(target)..prepen(source)
$("#list")..prepen("<li> first Item </li>");

< .appendTo() > 

:선택한 요소의 맨 아래에 대상값을 추가한다.

단, 요소에 아무것도 없는 경우 추가되지 않는다. 이 떄에는 append()를 이용하여 무조건 한개의 값을 추가한 이후 진행해야한다. 

$(source).appendTo(target)
$("<span>jQuery입니다.</span>").appendTo("p");