728x90
clone() 메서드는 선택한 요소를 복제한다.
empty() 메서드는 선택한 요소의 모든 하위 요소를 삭제한다
remove() 메서드는 선택한 요소를 삭제한다.
* 기본형
| 1) $("요소 선택").clone([true | false]); 2) $("요소 선택").empty(); 3) $("요소 선택").remove(); |
1) 선택한 요소를 복제한다. 인자값이 true면 이벤트까지 복제하고, false면 요소만 복제한다. 기본값은 false이다.
2) 선택한 요소의 모든 하위 요소를 삭제한다.
3) 선택한 요소를 삭제한다.
* 예제
| <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 객체 조작 및 생성 </title> <script src="js/jquery.js"></script> <script> $(function( ){ var copyObj = $(".box1").children().clone(); //class값이 "box1"인 요소의 모든 자식 요소를 복제한다. 그런다음 copyObj를 참조시킨다. $(".box2").remove( ); $(".box3").empty( ); $(".box3").append(copyObj); }); </script> </head> <body> <div class="box1"> <p>내용1</p> <p>내용2</p> </div> <div class="box2"> <p>내용3</p> <p>내용4</p> </div> <div class="box3"> <p>내용5</p> <p>내용6</p> </div> </body> </html> |
'내마음대로만들어보자 > JS' 카테고리의 다른 글
| unwrap() / wrap() / wrapAll() / wrapInner() 메소드 (0) | 2021.08.21 |
|---|---|
| replaceAll() / replaceWith() 메서드 (0) | 2021.08.21 |
| append() / appendTo() / prepend() / prependTo() 메서드 (0) | 2021.08.21 |
| before() / insertBefore() / after() / insertAfter() (0) | 2021.08.21 |
| 스크롤바 위치 메서드 scrollTop() / scrollLeft() (0) | 2021.08.21 |