.prepend() 와 .append()

.prepend() 

: 선택된 모든 요소의 앞에 추가하는 메소드, 각 요소의 첫번째 자식 요소에 값을 추가함.

.prepend(content)

content -> 일치하는 요소의 집합, 각 요소의 시작 부분에 삽입할 Dom요소, 배열, html 문자열, jquery 객체

parameter	description
content	Required. specifies the content to insert (can contain Html tags) possible values: - HTML Elements, jQuery objects, DOM elements
function(index, html)	Optional. Specifies a function that returns the content to insert - index : returns the index position of the element in the set - html : returns the current HTML of the selected element

.prependTo()

: 선택자의 시작 부분에 일치하는 요소 집합의 모든 요소를 삽입하는 메소드

.prepend()는, 함수 앞에 선택자 표현을 하고 선택된 요소에 함수의 인자인 내용이 삽입됩니다. 반면 .prependTo()는, 함수의 인자로 선택자가 전달되어 요소를 선택한 후 함수 앞의 내용이 삽입됩니다.

https://jsfiddle.net/jywoo/tay5545x/

https://jsfiddle.net/jywoo/fgegayjr/

.append()

: 어떤 요소의 마지막 자신 요소를 새로 추가해주는 메소드

.append(content)

content -> 추가될 Dom요소, 배열, html 문자열, jquery 객체

.appendTo()

: 새로운 요소를 타겟(target)에 해당하는 요소 마지막에 추가

* append함수는 A.append(B)라면 A에 B를 추가,  A.appendTo(B)는 B에 A를 추가

https://jsfiddle.net/jywoo/vj077v5j/1/