[jQuery기초] 요소조작_이벤트_replaceAll_replaceWith

jQuery는 DOM 객체를 탐색, 접근하여 조작하는 여러가지 방법을 제공한다. 
실무에서 많이 사용하는 메서드 위주로 요약해서 작성하였으며 정확한 정보들을 확인하고 싶다면 jQuery 공식 사이트를 참조하면 된다.

 

replaceAll & replaceWith

선택자 DOM을 제거하고 새 콘텐츠를 삽입한다
replaceAll, replaceWith 메서드들은 같은 동작을 하고 있으며 구문의 차이가 있다.

// HTML
<div id="box">
<div class="inner">1번</div>
<div class="inner">2번</div>
</div>

// jQuery
$( "<div>새로운</div>" ).replaceAll( ".inner" );
$( ".inner" ).replaceWith( "<div>새로운</div>" );

// 출력
<div id="box">
  <div>새로운</div>
  <div>새로운</div>
</div>