jQuery中die()方法用法实例


Posted in Javascript onJanuary 19, 2015

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

此方法移除所有通过live()方法向指定元素添加的一个或多个事件处理程序。

语法结构:

$(selector).die(type,function)

参数列表:

参数 描述
type 可选。定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。
function 定义当事件发生时运行的函数。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

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

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

<style type="text/css">

div{border:1px solid blue;}

li 

{

  list-style-type:none;

  width:150px;

  height:150px;

  border:1px solid green;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("div").live("click",function(){ 

    $("li").slideToggle(); 

  }); 

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

    $("div").die(); 

  }); 

}) 

</script>

</head>

<body>

<div>

  <ul>

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

  </ul>

</div>

<button>删除添加</button>

</body>

</html>

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

Javascript 相关文章推荐
JS 参数传递的实际应用代码分析
Sep 13 Javascript
扩展jQuery 键盘事件的几个基本方法
Oct 30 Javascript
javascript parseInt() 函数的进制转换注意细节
Jan 08 Javascript
AngularJS手动表单验证
Feb 01 Javascript
探究Vue.js 2.0新增的虚拟DOM
Oct 20 Javascript
通过原生JS实现为元素添加事件的方法
Nov 23 Javascript
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
Feb 08 Javascript
详解Nuxt.js部署及踩过的坑
Aug 07 Javascript
angular4+百分比进度显示插件用法示例
May 05 Javascript
关于layui 实现点击按钮添加一行(方法渲染创建的table)
Sep 29 Javascript
Vue 路由间跳转和新开窗口的方式(query、params)
Dec 25 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
May 14 Javascript
jQuery中live()方法用法实例
Jan 19 #Javascript
jQuery中unbind()方法用法实例
Jan 19 #Javascript
jQuery中triggerHandler()方法用法实例
Jan 19 #Javascript
Javascript与jQuery方法的隐藏与显示
Jan 19 #Javascript
jQuery中trigger()方法用法实例
Jan 19 #Javascript
jQuery的one()方法用法实例
Jan 19 #Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
Jan 19 #Javascript
You might like
PHP4中session登录页面的应用
2008/07/25 PHP
php用数组返回无限分类的列表数据的代码
2010/08/08 PHP
php 解决扫描二维码下载跳转问题
2017/01/13 PHP
thinkphp 验证码 的使用小结
2017/05/07 PHP
Laravel使用模型实现like模糊查询的例子
2019/10/24 PHP
js写一个弹出层并锁屏效果实现代码
2012/12/07 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
2013/12/23 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
2014/05/07 Javascript
在Ubuntu上安装最新版本的Node.js
2014/07/14 Javascript
javascript中createElement的两种创建方式
2015/05/14 Javascript
BootStrap智能表单实战系列(八)表单配置json详解
2016/06/13 Javascript
jQuery实现简洁的轮播图效果实例
2016/09/07 Javascript
详解JavaScript的内置对象
2016/12/07 Javascript
layui选项卡效果实现代码
2017/05/19 Javascript
浅谈JavaScript中的属性:如何遍历属性
2017/09/14 Javascript
浅谈React和Redux的连接react-redux
2017/12/04 Javascript
JavaScript中window和document用法详解
2020/07/28 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
2020/07/31 Javascript
[02:19]2014DOTA2国际邀请赛 专访820少年们一起去追梦吧
2014/07/14 DOTA
python使用cookielib库示例分享
2014/03/03 Python
解决python写的windows服务不能启动的问题
2014/04/15 Python
在python中的socket模块使用代理实例
2014/05/29 Python
python实现去除下载电影和电视剧文件名中的多余字符的方法
2014/09/23 Python
Python六大开源框架对比
2015/10/19 Python
python里使用正则表达式的组嵌套实例详解
2017/10/24 Python
用Python在Excel里画出蒙娜丽莎的方法示例
2020/04/28 Python
tensorflow与numpy的版本兼容性问题的解决
2021/01/08 Python
Python的Tqdm模块实现进度条配置
2021/02/24 Python
部队学习十八大感言
2014/01/11 职场文书
八一建军节活动方案
2014/02/10 职场文书
党的群众路线对照检查材料范文
2014/09/24 职场文书
安全生产月标语
2014/10/07 职场文书
承诺书模板大全
2015/05/04 职场文书
婚礼嘉宾致辞
2015/07/28 职场文书
尊师重教主题班会
2015/08/14 职场文书
关于实现中国梦的心得体会
2016/01/05 职场文书