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

(2017-12-27)

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

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

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

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

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

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

jQuery
   1. jQuery   2. jQuery 요소 선택법   3. jQuery 활용   4. jQuery 이벤트   5. jQuery 화면 효과   6. jQuery 요소 삽입/삭제/교체/복사   7. jQuery ajax   8. jQuery 객체  


Copyrightⓒ written by 차재복 (Cha Jae Bok)               기술용어해설 후원
"본 웹사이트 내 모든 저작물은 원출처를 밝히는 한 자유롭게 사용(상업화포함) 가능합니다"