jQuery 요소 삽입/삭제/교체/복사

1. HTML 문서 구조의 변경 (요소 조작)

  ㅇ 요소/노드 생성,추가
     - $(삽입 위치).메소드(삽입할 요소)
        . before()  : 타깃 앞에 삽입
        . after()   : 타깃 뒤에 삽입
        . prepend() : 타깃의 자식요소 맨 앞에 삽입
        . append()  : 타깃의 자식요소 맨 끝에 삽입

     - $(삽입할 요소).메소드(삽입 위치)
        . insertBefore() : 타깃 앞에 삽입
        . insertAfter()  : 타깃 뒤에 삽입
        . prependTo()    : 타깃의 자식요소 맨 앞에 삽입
        . appendTo()     : 타깃의 자식요소 맨 끝에 삽입

  ㅇ 요소/노드 삭제
     - remove() : 요소를 제거하고 웹브라우저 메모리에서도 이의 할당을 제거

  ㅇ 요소/노드 교체
     - replace()
     - replaceWith() : 타깃 요소의 내용 또는 새로운 요소 객체로 교체

  ㅇ 요소/노드 복사
     - clone() : 새 위치에 요소를 복사하기 위해 먼저 복제본을 만듬