요소 추가

함수: after (이후에 추가)

$('#todo-list li : last-child').after('<li class="item">새로운 아이템</li>');

-> id값이 todo-list의 자식 li 중 가장 마지막 자식 뒤에 "<li class="item">새로운 아이템</li>"를 추가

-> 그럼 li 새로운 아이템 은 li의 형제요소가 되는 것이다.

 

 

함수: before (이전에 추가)

after랑 동일하지만 이전에 추가한다.

 

 

함수: append (마지막 자식으로 추가)

$('ul').append('<li class="item">새로운 아이템</li>');

-> ul의 마지막 자식으로 <li class="item">새로운 아이템</li>를 추가한다. 

 

함수: prepend (첫번째 자식으로 추가)

append랑 동일하지만 선택자의 첫번째 자식으로 추가된다.