jQuery 기본 강의

jQuery 효과

wrap() 메서드는 지정된 HTML 요소를 사용하여 각 선택된 요소를 포함시킵니다.

사용unwrap()선택된 요소의 부모 요소를 제거하는 메서드.

포함할 요소：

$(selector).wrap(wrappingElement)

함수로 요소를 둘러싸기:

$(selector).wrap(function(index))

각 <p> 요소 주위에 DIV 요소를 포함시킵니다：

예제

$("button").click(function(){
　　$("p").wrap("<div></div>");
});

이 예제는 document.createElement()를 사용하여 DIV 요소를 생성하고, 각 <p> 요소 주위에 포함시킵니다：

예제

$("button").click(function(){
　　$("p").wrap(document.createElement("div"));
});

함수로 요소를 둘러싸기:

예제

$("button").click(function(){
　　$("p").wrap(function(){
　　　　　　return　document.createElement("div");
　　});
});

요소를 둘러싸고 펼치는 것 사이에서 전환:

예제

$("#btn1").click(function(){
　　$("p").wrap("<div></div>");
});
$("#btn2").click(function(){
　　$("p").unwrap();
});

매개변수	설명
wrappingElement	각 선택된 요소를 둘러싸는 구조를 지정 가능한 값: HTML 요소 DOM 요소 jQuery 객체
function(index)	함수를 반환하는 값을 지정 index-요소가 집합에서의 인덱스 위치를 반환