jquery中wrap、wrapAll、wrapInner
类别:Web前端 浏览量:1437
时间:2015-7-30 jquery中wrap、wrapAll、wrapInner
jquery中wrap、wrapAll、wrapInner一、jquery中wrap、wrapAll、wrapInner的区别
1、wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中。
2、wrapAll() 在指定的 HTML 内容或元素中放置所有被选的元素。
3、wrapInner() 方法使用指定的 HTML 内容或元素,来包裹每个被选元素中的所有内容 (inner HTML)。
二、jquery中wrap、wrapAll、wrapInner实例
实例1
1、html页面数据
<ul>
<li title='苹果'>苹果</li>
<li title='橘子'>橘子</li>
<li title='菠萝'>菠萝</li>
</ul>
<ul>
<li><li title="苹果">苹果</li></li>
<li><li title="橘子">橘子</li></li>
<li><li title="菠萝">菠萝</li></li>
</ul>
3、$("li").wrapAll("<li></li>") //在所有选中的选择器最外面添加
结果
<ul>
<li>
<li title="苹果">苹果</li>
<li title="橘子">橘子</li>
<li title="菠萝">菠萝</li>
</li>
</ul>
4、$("li").wrapInner("<li></li>") //为选择器的内容添加
<ul>
<li title='苹果'><li>苹果</li></li>
<li title='橘子'>><li>橘子</li></li>
<li title='菠萝'>><li>菠萝</li></li>
</ul>
实例2
1、原始Html页面
<p>我是占位子的。</p>
<p>我是占位子的。</p>
2、$("p").wrap("<strong></strong>")
结果:
从图中可以看出strong
标签包围了每个匹配的p
标签。
3、$("p").wrapAll("<strong></strong>");
结果
strong标签把全部匹配的p
标签一下子全都包围了。
4、$("p").wrapInner("<strong></strong>");
结果
标签:jquery
您可能感兴趣
- jquery中unbind、bind
- jQuery如何跳出each循环
- jquery中index()
- jquery图片轮播代码
- jquery中text(),val(),html()区别
- jQuery中noConflict()的用法
- jQuery判断对象是否存在
- jquery中find()与filter()的区别
- jquery鼠标滑过显示提示框
- jquery中prop和attr的区别
- jQuery多个版本间,以及与其他js文件冲突的解决方法
- jquery遍历json字符串
- jquery隐藏动画教程(jquery插件实现鼠标隐藏)
- jquery插件开发
- jQuery对象和DOM的相互转换
- jquery获取outerhtml
- 10句英语常用(英语常用900句)
- 爱情能当饭吃吗(爱情能当饭吃吗说说)
- 白T恤穿法(白t恤)
- 你怎么忘了是说先爱我(你怎么忘了如何爱我)
- 做技术难吗(技术难不难)
- 林心如是谁(林心如是谁演的)
热门推荐
- git log命令大全(每天学一分钟使用Git服务器实现查看Debug分支及修复)
- docker快速打包部署脚本(使用脚本一键打包并上传docker镜像的实现代码)
- python数据分割教程(python3对拉勾数据进行可视化分析的方法详解)
- docker compose的常用命令(安装docker和docker-compose实例详解)
- mysql的三大组件(详解MySQL8的新特性ROLE)
- ideadocker调试(Idea部署远程Docker并配置文件)
- SQL SERVER中查看某个时间段内出错的作业
- mysql存储过程limit参数(MySQL存储过程in、out和inout参数示例和总结)
- dedecms文章点击量(Dedecms文章标题及文章摘要长度修改的方法)
- 怎么对python中列表进行排序(Python列表常见操作详解获取,增加,删除,修改,排序等)