728x90
unwrap() 메서드는 선택한 요소의 부모 요소를 삭제한다.
wrap()메서드는 선택한 요소를 각각 새 요소로 감싸고, wrapAll() 메서드는 선택한 요소를 한꺼번에 새 요소로 감싼다.
wrapInner() 메서드는 선택한 요소의 모든 하위 요소를 새 요소로 감싼다.
* 예제
| <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 객체 조작 및 생성 </title> <script src="js/jquery.js"></script> <script> $(function( ){ $("strong").unwrap( ); // <strong> 요소를 감싸는 부모 요소를 제거 $(".ct1").wrap("<div />"); //class값이 "ct1"인 요소를 <div>요소로 감싼다. $(".ct2").wrapAll("<div />"); //class값이 "ct2"인 요소를 <div>요소로 감싼다. $("li").wrapInner("<h3 />"); //<li> 요소의 모든 하위요소를 <h3>요소로 감싼다. }); </script> <style> div{background-color:aqua;} </style> </head> <body> <h1 id="tit_1"> <strong>객체 조작 및 생성</strong> </h1> <p class="ct1">내용1</p> <p class="ct1">내용2</p> <p class="ct2">내용3</p> <p class="ct2">내용4</p> <ul> <li>내용3</li> <li>내용4</li> </ul> </body> </html> |
'내마음대로만들어보자 > JS' 카테고리의 다른 글
| 강제로 이벤트 발생시키기 - trigger() 메서드 (0) | 2021.08.22 |
|---|---|
| 그룹 이벤트 등록 메서드 - click() / on() (0) | 2021.08.22 |
| replaceAll() / replaceWith() 메서드 (0) | 2021.08.21 |
| clone() / empty() / remove() 메서드 (0) | 2021.08.21 |
| append() / appendTo() / prepend() / prependTo() 메서드 (0) | 2021.08.21 |