jQuery) 요소 추가 및 제거 함수

HTML 콘텐츠를 동적으로 추가하거나 제거하는 함수들입니다.

• .append() / .prepend()
  요소의 자식으로 HTML 내용을 추가합니다. .append()는 요소의 끝에, .prepend()는 시작에 추가됩니다.

$('#example').append('<p>새로운 내용 추가</p>');  // 마지막에 추가
$('#example').prepend('<p>처음에 내용 추가</p>');  // 처음에 추가

 

.remove() / .empty()
요소를 제거하거나 내부 콘텐츠를 비웁니다.

$('#example').remove();  // 요소 제거
$('#example').empty();   // 요소 내부 콘텐츠만 제거