요소이동, 삭제

이동:

<ul>

    <li id='todo'>해야할일</li>

    <li id='book'>책</li>

    <li id='game'>게임</li>

    <li id='coding'>코딩</li>

</ul>

 

$('#todo').before( $('#book') );

결과물:

<ul>

    <li id='book'>책</li>

    <li id='todo'>해야할일</li>

    <li id='game'>게임</li>

    <li id='coding'>코딩</li>

</ul>

 

 

before와 반대로 after는 선택자 뒤로 이동된다.

 

apeend는 자식에 맨 마지막

prepend는 첫번째 자식으로

 

---

삭제:

$('#game').remove();