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 相关文章推荐
简单三步,搞掂内存泄漏
Mar 10 Javascript
SWFObject Flash js调用类
Jul 08 Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
Jan 30 Javascript
JS基于VML技术实现的五角星礼花效果代码
Oct 26 Javascript
移动端横屏的JS代码(beta)
May 16 Javascript
第十篇BootStrap轮播插件使用详解
Jun 21 Javascript
AngularJS2 与 D3.js集成实现自定义可视化的方法
Dec 01 Javascript
vue keep-alive请求数据的方法示例
May 16 Javascript
如何安装控制器JavaScript生成插件详解
Oct 21 Javascript
layui table单元格事件修改值的方法
Sep 24 Javascript
vue - vue.config.js中devServer配置方式
Oct 30 Javascript
vue结合el-upload实现腾讯云视频上传功能
Jul 01 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
ip签名探针
2006/10/09 PHP
学习php过程中的一些注意点的总结
2013/10/25 PHP
简单的php文件上传(实例)
2013/10/27 PHP
PHP中redis的用法深入解析
2014/02/20 PHP
php通过ksort()函数给关联数组按照键排序的方法
2015/03/18 PHP
PHP批量去除BOM头代码分享
2015/06/26 PHP
PHP设计模式之适配器模式定义与用法详解
2018/04/03 PHP
PHP实现微信商户支付企业付款到零钱功能
2018/09/30 PHP
php判断电子邮件是否正确方法
2018/12/04 PHP
Jquery中ajax方法data参数的用法小结
2014/02/12 Javascript
javascript正则表达式使用replace()替换手机号的方法
2015/01/19 Javascript
JQuery球队选择实例
2015/05/18 Javascript
JavaScript是如何实现继承的(六种方式)
2016/03/31 Javascript
jQuery Dialog对话框事件用法实例分析
2016/05/10 Javascript
ES6新特性之模块Module用法详解
2017/04/01 Javascript
详解vue-cli@2.x项目迁移日志
2019/06/06 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
2020/06/07 Javascript
利用Python暴力破解zip文件口令的方法详解
2017/12/21 Python
使用python为mysql实现restful接口
2018/01/05 Python
python实现批量按比例缩放图片效果
2018/03/30 Python
对numpy中向量式三目运算符详解
2018/10/31 Python
pyinstaller打包多个py文件和去除cmd黑框的方法
2019/06/21 Python
Python如何输出整数
2020/06/07 Python
结束运行python的方法
2020/06/16 Python
在keras里实现自定义上采样层
2020/06/28 Python
python 将列表里的字典元素合并为一个字典实例
2020/09/01 Python
HTML页面中添加Canvas标签示例
2015/01/01 HTML / CSS
MAC Cosmetics官方网站:魅可专业艺术彩妆
2019/04/10 全球购物
香港莎莎官网Sasa.com:亚洲著名国际化妆品商城
2019/11/10 全球购物
初中生自我鉴定
2014/02/04 职场文书
乒乓球兴趣小组活动总结
2014/07/08 职场文书
2015年业务工作总结范文
2015/04/10 职场文书
2015年高三年级组工作总结
2015/07/21 职场文书
小学生安全教育主题班会
2015/08/12 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书
python 爬取天气网卫星图片
2021/06/07 Python