一个简单的例子说明JQuery中wrap、wrapAll、wrapInner的区别

例子：

<ul>
<li>实例1</li>
<li>实例2</li>
<li>实例3</li>
</ul>

1、wrap()

$("li").wrap("<div></div>")

结果：

<ul>
<div><li>实例1</li></div>
<div><li>实例2</li></div>
<div><li>实例3</li></div>
</ul>

2、wrapAll()

$("li").wrapAll("<div></div>")

结果：

<ul>
<div>
<li>实例1</li>
<li>实例2</li>
<li>实例3</li>
</div>
<ul>

3、wrapInner()

$("li").wrapInner("<div></div>")

结果：

<ul>
<li><div>实例1</div></li>
<li><div>实例2</div></li>
<li><div>实例3</div></li>
</ul>

说明：这几个的区别在w3school中写的很清楚，w3school中是这样对这三个文档操作方法进行描述的：
wrap():把匹配的元素用指定的内容或元素包裹起来。
wrapAll():把所有匹配的元素用指定的内容或元素包裹起来。
wrapInner():将每一个匹配的元素的子内容用指定的内容或元素包裹起来。