-
Jquery[제이쿼리] wrapAll()메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 4. 23:02
안녕하세요~ 제이쿼리공장장 주니주니 입니다.
오늘은 제이쿼리[jquery] wrapAll()메서드를 배워보겠습니다.
이렇게 준비해보았습니다.
이렇게 준비해보았습니다.
===============================
$('.b1').on('click',function(){
$('p').wrapAll('<div class="div0_0"></div>');
});
$('.b2').on('click',function(){
$('p').wrap('<div class="div0_0"></div>');
});
===============================
class b1가 click되면 <== wrapAll(wrappingElement)버튼입니다.
<p>태그 대상으로 wrapAll()메서드를 실행합니다.※wrapAll()란 선택한 대상을 사용자가 입력한것을 묶어서 감싸는 메서드입니다.
wrap() 와 wrapAll() 차이점은
wrap()은 사탕을 1개씩 포장을 하는것이고
wrapAll()은 여러개의 사탕을 큰봉지에 함께 포장하는 것이라고 생각하시면된답니다.
형식은 wrapAll( wrappingElement ) / wrapAll(function) 으로 구성되어있습니다.
wrappingElement 에는 감쌀 요소를 적어주시면된답니다.
function 에는 기능을 적어주시면된답니다.이해가 안되는 분들은 ↓↓↓↓↓↓
http://api.jquery.com/wrapAll/wrapAll(wrappingElement)버튼을 누른뒤의 모습입니다.
wrap()버튼을 누른뒤의 모습입니다.
오늘은 제이쿼리[jquery] wrapAll()메서드를 배워보았습니다.
그럼 다음에 또만나요~'자바스크립트[JavaScript] > 제이쿼리[Jquery]' 카테고리의 다른 글
Jquery[제이쿼리] end() 메서드 배우기 (0) 2016.12.05 Jquery[제이쿼리] wrapInner() 메서드배우기 (0) 2016.12.05 Jquery[제이쿼리] unwrap()메서드 배우기 (0) 2016.12.04 Jquery[제이쿼리] wrap()메서드 배우기 (0) 2016.12.04 Jquery[제이쿼리] siblings() 메서드 배우기 (0) 2016.12.04