[jQuery] 5. DOM 요소 편집

요소 추가

　▷ $(선택자).append(콘텐츠) = $(콘텐츠).appendTo(선택자)

　　 ＊선택된 기존 요소 안에서 끝부분에 새로운 콘텐츠를 삽입

　▷ $(선택자).prepend(콘텐츠) = $(콘텐츠).prependTo(선택자)
　　 ＊선택된 기존 요소 안에서 시작부분에 새로운 콘텐츠를 삽입

　▷ $(선택자).before(콘텐츠) = $(콘텐츠).insertBefore(선택자)
　　 ＊선택된 요소의 앞에 새로운 콘텐츠를 삽입

　▷ $(선택자).after(콘텐츠) = $(콘텐츠).insertAfter(선택자)
　　 ＊선택된 요소의 뒤에 새로운 콘텐츠를 삽입

append(), prepend() 메서드

 

before(), after() 메서드

기존 요소의 삭제

　▷ remove()
　　 ＊선택된 요소와 자식 요소를 포함해서 모든 것을 삭제

　▷ empty()
　　 ＊선택된 요소만 빈 요소로 남기고, 그 안에 포함된 모든 텍스트 요소와 자식 요소를 삭제

remove(), empty() 메서드