JQuery .wrap()

1 개요

jQuery .wrap()

• 지정한 요소로 포장하는 jQuery 메소드
• 태그의 바깥쪽을 다른 것으로 감싸는 jQuery 메소드

반면 .wrapInner()는 태그 안쪽을 감쌈

2 예시

<style>
div { border: 3px solid silver; }
p { background: yellow; margin: 0; }
</style>

<script src='//code.jquery.com/jquery.min.js'></script>
<script>
$(function() {
  $('p').wrap('<div></div>');
});
</script>

<p>안녕</p>
<p>친구들</p>

실행결과

HTML 요소

<div><p>안녕</p></div>
<div><p>친구들</p></div>

→ p 태그의 바깥을 div 태그로 감쌈

3 같이 보기

• jQuery .wrapAll()
• jQuery .wrapInner()
• jQuery .unwrap()

4 참고

• http://api.jquery.com/wrap/