jQuery中unwrap()方法用法实例


Posted in Javascript onJanuary 16, 2015

本文实例讲述了jQuery中unwrap()方法用法。分享给大家供大家参考。具体分析如下:

此方法将移除匹配元素的父元素。

从方法的字面意思可以看出是清除wrap()方法的效果。

语法:

$(selector).unwrap()

实例代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="author" content="https://3water.com/" />

<head>

<title>三水点靠木</title>

<style type="text/css">

    div

    {

        width:200px;

        height:200px;

        border:1px solid blue;

    }

    p

    {

        width:150px;

        height:150px;

        border:1px solid red;

    }

</style>

<script type="text/javascript" src="jquery/1.4.4/jquery.min.js"></script>

<script type="text/javascript">

    $(document).ready(function(){

        $("button").click(function(){

            $("p").unwrap();

        });

    });

</script>

</head>

<body>

    <div>

       <p>我是p元素</p>

    </div>

    <button>用div包裹每个段落</button>

</body>

</html>

以上代码能够移除p元素的父元素。

希望本文所述对大家的jQuery程序设计有所帮助。

本文转自:蚂蚁部落http://www.softwhy.com/

Javascript 相关文章推荐
prototype 源码中文说明之 prototype.js
Sep 22 Javascript
如何使用JS获取IE上传文件路径(IE7,8)
Jul 08 Javascript
Mac/Windows下如何安装Node.js
Nov 22 Javascript
javascript 控制input只允许输入的各种指定内容
Jun 19 Javascript
高性能JavaScript DOM编程(1)
Aug 11 Javascript
JS实现的Select三级下拉菜单代码
Aug 20 Javascript
实例讲解js验证表单项是否为空的方法
Jan 09 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
Apr 16 Javascript
微信小程序 progress组件详解及实例代码
Oct 25 Javascript
实现隔行换色效果的两种方式【实用】
Nov 27 Javascript
基于node.js实现微信支付退款功能
Dec 19 Javascript
vue+ESLint 配置保存 自动格式化代码
Mar 17 Javascript
jquery搜索框效果实现方法
Jan 16 #Javascript
js表头排序实现方法
Jan 16 #Javascript
js计算任意值之间随机数的方法
Jan 16 #Javascript
jquery事件preventDefault()方法用法实例
Jan 16 #Javascript
jQuery老黄历完整实现方法
Jan 16 #Javascript
jquery中one()方法的用法实例
Jan 16 #Javascript
jquery中show()、hide()和toggle()用法实例
Jan 15 #Javascript
You might like
在VS2008中编译MYSQL5.1.48的方法
2010/07/03 PHP
php学习笔记之 函数声明
2011/06/09 PHP
使用php判断服务器是否支持Gzip压缩功能
2013/09/24 PHP
PHP+JQuery+Ajax实现分页方法详解
2016/08/06 PHP
Javascript 判断 object 的特定类转载
2007/02/01 Javascript
JavaScript起点(严格模式深度了解)
2013/01/28 Javascript
使用不同的方法结合/合并两个JS数组
2014/09/18 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
2015/07/30 Javascript
实践中学习AngularJS表单
2016/03/21 Javascript
Javascript获取随机数的实现方法
2016/06/22 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
2016/10/24 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
2017/01/17 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
2017/01/18 Javascript
JavaScript中值类型和引用类型的区别
2017/02/23 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
2017/03/23 Javascript
使用jQuery和ajax代替iframe的方法(详解)
2017/04/12 jQuery
D3.js实现拓扑图的示例代码
2018/06/30 Javascript
jquery获取元素到屏幕四周可视距离的方法
2018/09/05 jQuery
微信小程序实现蒙版弹出窗功能
2019/09/17 Javascript
jQuery--遍历操作实例小结【后代、同胞及过滤】
2020/05/22 jQuery
[00:53]2015国际邀请赛 中国区预选赛一触即发
2015/05/14 DOTA
Python处理JSON数据并生成条形图
2016/08/05 Python
Python守护进程实现过程详解
2020/02/10 Python
pytorch查看通道数 维数 尺寸大小方式
2020/05/26 Python
Python判断远程服务器上Excel文件是否被人打开的方法
2020/07/13 Python
单位实习证明怎么写
2014/01/17 职场文书
幼儿园春游活动方案
2014/01/19 职场文书
知识竞赛活动方案
2014/02/18 职场文书
经济类毕业生求职信
2014/06/26 职场文书
入党积极分子学习党的纲领思想汇报
2014/09/13 职场文书
法人授权委托书
2014/09/16 职场文书
部门群众路线教育实践活动对照检查材料思想汇报
2014/10/07 职场文书
2015年第31个教师节致辞
2015/07/31 职场文书
Mysql调整优化之四种分区方式以及组合分区
2022/04/13 MySQL
通过feDisplacementMap和feImage实现水波特效
2022/04/24 HTML / CSS
JS函数式编程实现XDM一
2022/06/16 Javascript