알아두면 좋은 insertBefore와 insertAfter

혹시 insertBefore 와 insertAfter에 대해 아시나요?

자바스크립트 함수는 아니고요.

제이쿼리 함수인데요


이런 기능이 있다는 것을 알고 계시면. 언제가는 유용하게 쓰일 것이에요

<div>
      <div id="aa">신난다</div>
</div>

이런것이 있을 경우   $('<div>추가추가</div>').insertAfter('#aa');
이렇게 하면
<div>
      <div id="aa">신난다</div>
      <div>추가추가</div>
</div>

$('<div>추가추가</div>').insertBefore('#aa');
이렇게 하면
<div>
      <div>추가추가</div>
      <div id="aa">신난다</div>
</div>

이렇게 엘러먼트를 추가할 수가 있어요