一个简单的例子说明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():将每一个匹配的元素的子内容用指定的内容或元素包裹起来。