프론트엔드-코드/JQuery

복사 메서드

sdafdq 2023. 7. 28. 16:10
$('.item').clone().insertAfter('#box3');

.item을 복사해서 #box3 의 다음형제요소로 붙여넣기

 

 

 
 
 
  $('#box1 strong').wrap('<div></div>');

strong을 각각 div로 감싸기

 

  $('#box2 strong').wrapAll('<div></div>');

strong 모두를 div 하나로 감싸기

 

  $('#box3').wrapInner('<div></div>');

#box3 안쪽을 div로 한번 감싸고 그 안에 하위요소 넣기

 
 
 
  $('#box4').replaceWith('<p>변경됨</p>');

<div id="box4"></div> 를 p로 바꾸기

 

 

  $('<p>변경2</p>').replaceAll('#box5');

replaceWidh랑 똑같은데, <p>변경2</p>를 먼저 생성 후 #box5와 바꿈

 

 

 

 

 

'프론트엔드-코드 > JQuery' 카테고리의 다른 글

키보드 이벤트  (0) 2023.07.31
마우스 이벤트  (0) 2023.07.31
삭제 메소드  (0) 2023.07.28
스크롤 함수  (0) 2023.07.26
태그삽입  (0) 2023.07.26