网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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://bjjierui.cn/article/pippgd.html

其他资讯