요소 추가, 이동, 삭제하기 : after(), before(), append(), prepend(), remove()

없는 요소를 해당 메소드들에게 넣으면 추가가 되고,

있는 기존 요소를 선택하여 메소드에게 넣으면 이동이 된다.

삭제는 $('#cleaning').remove();

1. 해당요소 앞에 추가하기 : before()

$('ul li:first-child').before('<li class="item">어떤 요소</li>'); //추가

$('ul').before($('#cleaning')); // 이동

2. 해당요소 뒤에 추가하기 : after()

$('ul li:first-child').after('<li class="item">어떤 요소</li>');

3. 해당요소의 자식들 중 맨 마지막에 추가하기 : append()

$('ul').append('<li class="item">어떤 요소</li>');

4. 해댱요소의 자식들 중 맨 앞에 추가하기 : prepend()

$('ul').prepend('<li class="item">어떤 요소</li>');