JQUERY를 사용하여 요소 추가 및 삭제
JQuery에는 요소를 추가하고 삭제하는 메서드가 있습니다.
크게 내부삽입, 외부삽입, 래핑, 교체, 삭제로 나누어집니다.
내부 삽입의 주요 방법:
append(content) 일치하는 각 요소에 콘텐츠를 추가합니다.
prepend(content)는 일치하는 각 요소 안에 콘텐츠를 추가합니다.
외부 삽입:
after(content) 일치하는 각 요소 뒤에 콘텐츠를 삽입합니다.
before(content)는 일치하는 각 요소 앞에 콘텐츠를 삽입합니다.
삭제:
empty()는 일치하는 요소 세트의 모든 하위 노드를 삭제합니다.
remove([expr]) DOM에서 일치하는 모든 요소를 제거합니다.
다음 예는 추가 버튼을 클릭하여 테이블의 마지막 행에 새 행을 삽입하고
삭제 버튼을 클릭하여 마지막 행을 삭제하는 예입니다