wrap
English[ræp] US[ræp]
vt. Wrap; 랩(또는 랩, 커버 등)... , 재킷, 포장지; vi. 감기, 감기(보통 over, around 등에 사용됨); 감싸기(옷 등);
jquery 랩() 메소드 통사론
함수: wrap() 메서드는 선택한 각 요소를 지정된 HTML 콘텐츠 또는 요소에 배치합니다.
구문: $(selector).wrap(wrapper)
매개변수:
| Parameters | Description |
| wrapper | 필수입니다. 선택한 요소를 래핑하는 콘텐츠를 지정합니다. 가능한 값: HTML 코드 - 예: ("<div></div>") 새 요소 - 예: (document.createElement("div")) 기존 요소 - 예: ($(".div1")) 이동되지 않고 선택한 요소 주위에만 복사 및 래핑됩니다. |
함수를 사용하여 요소 감싸기: 함수를 사용하여 선택한 각 요소를 감싸는 콘텐츠를 지정합니다.
구문: $(selector).wrap(function())
매개변수:
| 매개변수 | Description |
| function() | 필수입니다. 래핑된 요소를 반환하는 함수를 지정합니다. |
jquery 랩() 메소드 예
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").wrap("<div></div>");
});
});
</script>
<style type="text/css">
div{background-color:yellow;}
</style>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">用 div 包裹每个段落</button>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요