一、JQuery包装对象wrap
有时候我们需要动态的操作，把一些标签抱在一个div或者其他标签里面。
比如说动态在下面的span外面加个标签：
<span>CGLweb前端</span>
这时候咱们可以使用JQ包装对象wrap。
代码如下：
<span>CGLweb前端 cenggel.com</span>
<script type="text/javascript">
$(‘span‘).wrap(‘<div>‘);
</script>
输出的代码：
<div><span>CGLweb前端 cenggel.com</span></div>
二、JQuery包装对象wrapAll（整体包装）
第一个例子：
代码如下：
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
<script type="text/javascript">
$(‘span‘).wrapAll(‘<div>‘);
</script>
结果为：
<div>
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
</div>
第二例子：如果代码里面有其他的标签，jq将会把这个标签移除在外面：
代码如下：
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
<p>CGLweb前端 cenggel.com</p>
<span>CGLweb前端 cenggel.com</span>
<script type="text/javascript">
$(‘span‘).wrapAll(‘<div>‘);
</script>
结果为：
<div>
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
<span>CGLweb前端 cenggel.com</span>
</div>
<p>CGLweb前端 cenggel.com</p>
所以使用的时候尽量注意一下这个。
三、JQuery包装对象wrapInner（内包装）
wrapInner会直接把作用标签的内容放在新加的标签里面。
代码如下：
<div>CGLweb前端 cenggel.com</div>
<div>CGLweb前端 cenggel.com</div>
<div>CGLweb前端 cenggel.com</div>
<script type="text/javascript">
$(‘div‘).wrapInner(‘<em>‘);
</script>
结果为：
<div><em>CGLweb前端 cenggel.com</em></div>
<div><em>CGLweb前端 cenggel.com</em></div>
<div><em>CGLweb前端 cenggel.com</em></div>
四、JQuery包装对象unwrap（删除包装）
把指定标签的父级删除，注意一下，如果标签的父级是body的时候，这个方法将不会执行。
<div>
<p>CGLweb前端 cenggel.com</p>
<p>CGLweb前端 cenggel.com</p>
<p>CGLweb前端 cenggel.com</p>
</div>
<script type="text/javascript">
$(‘p‘).unwrap(‘<div>‘);
</script>
到此为止JQuery包装对象wrap()、wrapAll()、wrapInner()、unwrap()，已经讲解完毕。