jQuery中的wrap()方法
2015-11-18 16:25
447 查看
jQuery中wrap()、wrapAll()和wrapInner()的区别
(使用指定的HTML元素来包裹被选元素)
例子：
原代码：
<p>段落1</p>
<p>段落2</p>
wrap()方法：
$('p').wrap('<div></div>');
结果：
<div><p>段落1</p></div>
<div><p>段落2</p></div>
wrapAll()方法：
$('p').wrap('<div></div>');
结果：
<div>
<p>段落1</p>
<p>段落2</p>
</div>
wrapInner()方法：
$('p').wrap('<div></div>');
结果：
<p><div>段落1</div></p>
<p><div>段落2</div></p>
(使用指定的HTML元素来包裹被选元素)
例子：
原代码：
<p>段落1</p>
<p>段落2</p>
wrap()方法：
$('p').wrap('<div></div>');
结果：
<div><p>段落1</p></div>
<div><p>段落2</p></div>
wrapAll()方法：
$('p').wrap('<div></div>');
结果：
<div>
<p>段落1</p>
<p>段落2</p>
</div>
wrapInner()方法：
$('p').wrap('<div></div>');
结果：
<p><div>段落1</div></p>
<p><div>段落2</div></p>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery中的prop与attr区别
- jquery 去除字符串前后空格
- 改进网站设计的免费jQuery插件Top 7
- jQuery遍历json
- jQuery中的.bind()、.live()和.delegate()之间区别分析
- jquery table 操作
- 十五个常用的jquery代码段
- jQuery简介及语法
- JQuery开发之旅起步准备
- jquery的text()、html() 以及 val()
- Jquery Mobile 自定义按钮图标
- Jquery各版本下载
- DOM零碎知识点归纳
- 基于Jquery制作图片文字排版预览效果附源码下载
- jquery实现弹窗效果实例
- jquery判断页面是否滑动到最底部
- jquery 使用方法(一)
- jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
- jQuery对象和DOM对象的区别
- Jquery如何获取Radio的值