jquery中wrap() wrapAll() wrapInner()的区别

jquery中有三种包裹节点的方法：
分别是wrap() wrapAll() wrapInner()
首先看看三种方法的定义：
wrap()：将每一个匹配的元素进行包裹（一对一的单独包裹）。
wrapInner():将每一个匹配的元素的
子内容用其他结构化的标记包裹起来。
wrapAll():将所有匹配的元素用一个元素包裹。
其中比较好理解的就是wrap()和wrapInner().
举两个简单的例子：

body中存在1个<em>hello world！</em>
此时分别执行$('em').wrap('<b></b>');
  $('em').wrapInner('<b></b>');
得到的结果是<b><em>hello world！</em></b>
  <em><b>hello world！</b></em>
wrap()是再选定元素外面包裹你设置的元素，而wrapInner()是在选定元素内部（元素的内容）包裹你设置的元素。
打一个不是很恰当的比喻：wrap(‘e’) ; e指的是你设置的元素，该元素做爸爸，而wrapInner('e')，e做儿子。

最后说一说
wrapAll(); 该方法是指将所有匹配元素用一个元素包裹。

1、如果此时选定元素是这种形式：
<em>hello world！</em>
<em>hello world！</em>
<em>hello world！</em>
<em>hello world！</em>

所有的选定元素连在一起，那么wrapAll()很好理解
$('em').wrapAll('<b></b>');
得到的结果是
<b>
<em>hello world！</em>
<em>hello world！</em>
<em>hello world！</em>
<em>hello world！</em>
</b>

以上就是本文的全部内容,感谢大家支持JScript之家——编程学习者社区!