JQuery包装对象wrap、wrapAll、wrapInner、unwrap

jq怎么在标签外面给父级标签，怎么在div外面动态加标签，怎么删除标签的父级元素，怎么把多个标签抱在一个标签里面，标签里面再加一个标签，请看JQuery包装对象wrap、wrapAll、wrapInner、unwrap。

我们一直强调网站设计、网站制作对于企业的重要性,如果您也觉得重要,那么就需要我们慎重对待,选择一个安全靠谱的网站建设公司,企业网站我们建议是要么不做，要么就做好,让网站能真正成为企业发展过程中的有力推手。专业网络公司不一定是大公司,创新互联建站作为专业的网络公司选择我们就是放心。

一、JQuery包装对象wrap
有时候我们需要动态的操作，把一些标签抱在一个div或者其他标签里面。

比如说动态在下面的span外面加个标签：

CGLweb前端
这时候咱们可以使用JQ包装对象wrap。

代码如下：

CGLweb前端 cenggel.com

输出的代码：

二、JQuery包装对象wrapAll（整体包装）
第一个例子：

代码如下：

CGLweb前端 cenggel.com
CGLweb前端 cenggel.com
CGLweb前端 cenggel.com

结果为：

第二例子：如果代码里面有其他的标签，jq将会把这个标签移除在外面：

代码如下：

CGLweb前端 cenggel.com
CGLweb前端 cenggel.com

CGLweb前端 cenggel.com

CGLweb前端 cenggel.com

结果为：

CGLweb前端 cenggel.com

所以使用的时候尽量注意一下这个。

三、JQuery包装对象wrapInner（内包装）

wrapInner会直接把作用标签的内容放在新加的标签里面。

代码如下：

结果为：

四、JQuery包装对象unwrap（删除包装）
把指定标签的父级删除，注意一下，如果标签的父级是body的时候，这个方法将不会执行。

到此为止JQuery包装对象wrap()、wrapAll()、wrapInner()、unwrap()，已经讲解完毕。

分享名称：JQuery包装对象wrap、wrapAll、wrapInner、unwrap
本文地址：http://cdkjz.cn/article/pippgd.html