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 相关文章推荐
js加解密 脚本解密
Feb 22 Javascript
关于B/S判断浏览器断开的问题讨论
Oct 29 Javascript
setTimeout 不断吐食CPU的问题分析
Apr 01 Javascript
通过JQuery实现win8一样酷炫的动态磁贴效果(示例代码)
Jul 13 Javascript
JavaScript将取代AppleScript?
Sep 18 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
Mar 18 Javascript
jquery仿QQ登录账号选择下拉框效果
Mar 22 Javascript
微信小程序 this和that详解及简单实例
Feb 13 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
Mar 03 Javascript
VUE脚手架具体使用方法
May 20 Javascript
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
微信小程序吸底区域适配iPhoneX的实现
Apr 09 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
PHP 导出数据到淘宝助手CSV的方法分享
2010/02/27 PHP
php设置允许大文件上传示例代码
2014/03/10 PHP
神盾加密解密教程(二)PHP 神盾解密
2014/06/08 PHP
几个实用的PHP内置函数使用指南
2014/11/27 PHP
Thinkphp模板标签if和eq的区别和比较实例分析
2015/07/01 PHP
CodeIgniter集成smarty的方法详解
2016/05/26 PHP
php基于curl主动推送最新内容给百度收录的方法
2016/10/14 PHP
javascript 强制刷新页面的实现代码
2009/12/13 Javascript
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
struts2+jquery组合验证注册用户是否存在
2014/04/30 Javascript
JS实现消息来时让网页标题闪动效果的方法
2016/04/20 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
2016/09/05 Javascript
JS实现探测网站链接的方法【测试可用】
2016/11/08 Javascript
js 数据存储和DOM编程
2017/02/09 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
利用JavaScript如何查询某个值是否数组内
2017/07/30 Javascript
nodejs实现大文件(在线视频)的读取
2020/10/16 NodeJs
详解基于vue的服务端渲染框架NUXT
2018/06/20 Javascript
Fundebug支持监控微信小程序HTTP请求错误的方法
2019/02/21 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
微信小程序实现搜索功能
2020/03/10 Javascript
JavaScript检测是否开启了控制台(F12调试工具)
2020/10/02 Javascript
Python中一些自然语言工具的使用的入门教程
2015/04/13 Python
Python使用matplotlib绘制动画的方法
2015/05/20 Python
关于Python中Inf与Nan的判断问题详解
2017/02/08 Python
NumPy排序的实现
2020/01/21 Python
python实现最速下降法
2020/03/24 Python
CSS3 不定高宽垂直水平居中的几种方式
2020/03/26 HTML / CSS
Css3实现无缝滚动防抖
2020/09/14 HTML / CSS
html5 移动端视频video的android兼容(去除播放控件、全屏)
2020/03/26 HTML / CSS
KLOOK客路:发现更好玩的世界,预订独一无二的旅行体验
2016/12/16 全球购物
小班幼儿评语大全
2014/04/30 职场文书
团组织推优材料
2014/12/29 职场文书
学校中秋节活动总结
2015/03/23 职场文书
2015年酒店客房部工作总结
2015/04/25 职场文书
开学季:喜迎新生,迎新标语少不了
2019/11/07 职场文书