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

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

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

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

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

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

代码如下:

CGLweb前端 cenggel.com

输出的代码:

CGLweb前端 cenggel.com

二、JQuery包装对象wrapAll(整体包装)
第一个例子:

代码如下:

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

结果为:


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
CGLweb前端 cenggel.com
CGLweb前端 cenggel.com

CGLweb前端 cenggel.com


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

三、JQuery包装对象wrapInner(内包装)

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

代码如下:

CGLweb前端 cenggel.com

CGLweb前端 cenggel.com

CGLweb前端 cenggel.com


结果为:

CGLweb前端 cenggel.com

CGLweb前端 cenggel.com

CGLweb前端 cenggel.com

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


CGLweb前端 cenggel.com


CGLweb前端 cenggel.com


CGLweb前端 cenggel.com



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


当前标题:JQuery包装对象wrap、wrapAll、wrapInner、unwrap
文章地址:http://azwzsj.com/article/pippgd.html