JQUERY_jquery를 사용하여 요소를 추가하고 삭제하는 코드

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

다음 예는 추가 버튼을 클릭하여 테이블의 마지막 행에 새 행을 삽입하고
삭제 버튼을 클릭하여 마지막 행을 삭제하는 예입니다

코드 복사 코드는 다음과 같습니다.

head>


< ;script type="text/javascript" src="jquery-1.4.2.min.js">




< center>


250'>< 입력 유형='text'/

첫 번째 그리드

input type='button' value='행 추가' onclick='add_tr()' />