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
结果为:
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会直接把作用标签的内容放在新加的标签里面。
代码如下:
结果为:
四、JQuery包装对象unwrap(删除包装)
把指定标签的父级删除,注意一下,如果标签的父级是body的时候,这个方法将不会执行。
CGLweb前端 cenggel.com
CGLweb前端 cenggel.com
CGLweb前端 cenggel.com
到此为止JQuery包装对象wrap()、wrapAll()、wrapInner()、unwrap(),已经讲解完毕。
本文标题:JQuery包装对象wrap、wrapAll、wrapInner、unwrap
分享URL:http://myzitong.com/article/pippgd.html