jQuery .wrap과 .wrapAll의 차이점은 무엇입니까? 그들은 거의 같은 일을하지만, 차이점은 무엇입니까?jQuery 랩과 wrapAll의 차이점
15
A
답변
30
공지 설명의 차이 :
.wrap()
: 정합 소자들의 세트 내의 각 주위 요소는 HTML 구조 감싸..wrapAll()
: 주위의 HTML 구조를 모두 일치하는 요소 집합의 요소로 묶습니다.
.wrap()
은 모든 요소를 개별적으로 줄 바꿈하지만 모두 .wrapAll()
은 그룹으로 묶습니다.
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
$('.foo').wrap('<div class="bar" />');
으로, 이런 일이 발생 : 예를 들어
는
는<div class="bar"><div class="foo"></div></div>
<div class="bar"><div class="foo"></div></div>
<div class="bar"><div class="foo"></div></div>
그러나 $('.foo').wrapAll('<div class="bar" />');
로, 이런 일이 발생 :
<div class="bar">
<div class="foo"></div>
<div class="foo"></div>
<div class="foo"></div>
</div>
2
WrapAll이 모든 요소를 랩은 랩 각 요소를 래핑 . 에 ... 각 요소 하나 개의 새로운 사업부의 모든 내부-div의
<div class="container">
<div class="new">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
</div>
랩 결과를 포장에서
$('.inner').wrapAll('<div class="new" />');
결과
<div class="container">
<div class="new">
<div class="inner">Hello</div>
</div>
<div class="new">
<div class="inner">Goodbye</div>
</div>
</div>
0
Adding jquery to execute a wrap:
$(‘p’).wrap(‘<span class=”newclass” />’);
will result in:
<span class=”newclass”>
<p>This is a paragraph.</p>
</span>
<span class=”newclass”>
<p>This is a paragraph.</p>
</span>
<span class=”newclass”>
<p>This is a paragraph.</p>
</span>
Substitute the .wrap for .wrapAll.
$(‘p’).wrapAll(‘<span class=”newclass” />’);
will result in:
<span class=”newclass”>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
</span>
Now try out .wrapInner.
$(‘p’).wrapInner(‘<span class=”newclass” />’);
will result in:
<p><span class=”newclass”>This is a paragraph.</span></p>
<p><span class=”newclass”>This is a paragraph.</span></p>
<p><span class=”newclass”>This is a paragraph.</span></p>
관련 문제
- 1. 랩과 콜 C 함수에 대해서
- 2. jquery-rails와 jquery-ujs의 차이점
- 3. jquery 선택자의 차이점
- 4. jQuery 선택자 차이점
- 5. jQuery 코드의 차이점
- 6. jquery-1.8.2.js와 jquery-1.8.2.min.js의 차이점
- 7. jQuery - replaceWith와 ajax 호출의 차이점
- 8. 루비에 랩 어 랩과 비슷한 스칼라 용 개미 래퍼가 있습니까?
- 9. 는 값이 나는 랩과 같은 자바의 기능이 SWIGTYPE
- 10. 차이점 document.createElement ('script') 대 jQuery .getScript
- 11. 페이지 새로 고침 후 jQuery 선택기 차이점
- 12. 같은 종류의 jQuery 선택 사이의 차이점
- 13. 개체 차이점 (자바 스크립트 및 jquery)
- 14. $ (document.body)와 $ ('body')의 차이점 JQuery
- 15. php echo와 jQuery ajax 호출의 차이점
- 16. 2 개의 jquery 바인드 간의 차이점
- 17. BeanNameUrlHandlerMapping의 차이점 SimpleUrlHandlerMapping의 차이점
- 18. Jquery Widget 대 Jquery Plugin, 차이점, 언제 사용하나요?
- 19. jquery-1.3.2-vsdoc.js와 jquery-1.3.2.min-vsdoc.js의 차이점
- 20. 차이점 downcase와 downcase의 차이점! Ruby에서
- 21. IE5와 IE8의 차이점 모드 차이점
- 22. 버튼과 div의 차이점
- 23. JSON과 XML의 차이점/장점은?
- 24. require-jquery와 jquery의 차이점 (사용법)
- 25. PhpStorm의 차이점
- 26. 컴파일러 차이점
- 27. 차이점 포크
- 28. sha1의 차이점
- 29. CLR의 차이점
- 30. 정렬 차이점
당신이 경우 쓰기에 충분히 똑똑하고, 당신은 아마 똑똑해 읽을 만합니다. 여기에 당신이 간다 : http://api.jquery.com/wrap/ http://api.jquery.com/wrapAll/ – ahren
그냥 오히려 날카로운 –