jQuery .wrap和.wrapAll有什么区别?他们几乎做同样的事情,但有什么区别?jQuery wrap和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包装所有元件,环绕包裹每个元素。
$('.inner').wrapAll('<div class="new" />');
结果在...... EACH元素包裹在一个新的div ALL内的div
<div class="container">
<div class="new">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
</div>
裹结果
<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. jQuery - '。'之间的区别和“#”
- 2. $ wrap函数和getElementById之间的任何区别?
- 3. jquery-rails和jquery-ujs之间的区别
- 4. jQuery中的$和$()之间的区别
- 5. jquery ajax头和beforesend之间的区别
- 6. HTML5和jQuery之间的区别
- 7. jQuery Mobile和PhoneGap之间的区别
- 8. mousedown和点击jquery之间的区别
- 9. Backbone.js和jquery之间的区别
- 10. js,jquery和Ajax之间的区别
- 11. Zepto和jQuery之间的区别
- 12. Prototype 1.6和jQuery 1.4.2之间的区别
- 13. Ajax和jQuery-Ajax之间的区别
- 14. jquery $('#my_id')和document.getElementById('my_id')之间的区别?
- 15. addEventListener和jquery之间的区别?
- 16. JS onclick和jQuery之间的区别.click
- 17. JQuery JTable - data.row和data.record之间的区别
- 18. 对象之间的区别(javascript和jquery)
- 19. 之间的〜/和的区别../
- 20. '#','%'和'$'之间的区别
- 21. {!!之间的区别!!}和{{}}
- 22. '+ ='和'= +'之间的区别?
- 23. “。+”和“。+?”之间的区别
- 24. .eq之间的区别。和==
- 25. #。/和#之间的区别。 ./
- 26. !=和!之间的区别==
- 27. “%〜dp0”和“。\”之间的区别?
- 28. | =和^ = css之间的区别
- 29. 之间的区别。和#
- 30. ==和case之间的区别?
如果你足够聪明的写作,你可能足够聪明的阅读。在这里,你去:http://api.jquery.com/wrap/ http://api.jquery.com/wrapAll/ – ahren 2012-08-14 05:46:35
只是相当热衷 – 2013-05-06 09:10:31