[jQuery] 요소의 조작

요소의 추가 

기존 요소의 내부에 추가

메소드	설명
.append()	선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가한다.
.prepend()	선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다.
.appendTo()	선택된 요소를 해당 요소의 마지막에 추가한다.
.prependTo()	선택된 요소를 해당 요소의 첫번째에 추가한다.

 

.append() 메소드

$(target).append(source)

 

.prepend() 메소드

$(target).prepend(source)

 

.appendTo() 메소드

$(source).appendTo(target)

 

.prependTo() 메소드

$(source).prependTo(target)

 

기존 요소의 외부에 추가

메소드	설명
.before()	선택한 요소의 바로 앞쪽에 새로운 요소나 콘텐츠를 추가한다. A.berfore(B) - A 앞에 B를 추가
.after()	선택한 요소의 바로 뒤쪽에 새로운 요소나 콘텐츠를 추가한다. A.after(B) - A뒤에 B를 추가
.insertBefore()	선택한 요소를 해당 요소의 앞쪽에 추가한다. A.insertBefore(B) - B 앞에 A 를 추가
.insertAfter()	선택한 요소를 해당 요소의 뒤쪽에 추가한다. A.insertAfter(B) - B뒤에 A를 추가

 

.before() 메소드

$(target).before(source)

 

.after() 메소드

$(target).after(source)

 

.insertBefore() 메소드

$(source).insertBefore(target)

 

insertAfter() 메소드

$(source).insertAfter(target)

 

[참고] : http://www.devkuma.com/