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 相关文章推荐
海量经典的jQuery插件集合
Jan 12 Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
Dec 08 Javascript
取消选中单选框radio的三种方式示例介绍
Dec 23 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
Mar 05 Javascript
jquery的each方法使用示例分享
Mar 25 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
Feb 02 Javascript
jQuery+ajax实现无刷新级联菜单示例
May 21 Javascript
JavaScript获取function所有参数名的方法
Oct 30 Javascript
AngularJS手动表单验证
Feb 01 Javascript
微信小程序 使用canvas制作K线实例详解
Jan 12 Javascript
纯JS实现只能输入数字的简单代码
Jun 21 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
May 27 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
如何利用php+mysql保存和输出文件
2006/10/09 PHP
php的array数组和使用实例简明教程(容易理解)
2014/03/20 PHP
js substr、substring和slice使用说明小记
2011/09/15 Javascript
JavaScript设计模式初探
2016/01/07 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
2016/07/07 Javascript
Boostrap基础教程之JavaScript插件篇
2016/09/08 Javascript
canvas的神奇用法
2017/02/03 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
2017/05/27 Javascript
vue element项目引入icon图标的方法
2018/06/06 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
2019/04/25 Javascript
vue源码nextTick使用及原理解析
2019/08/13 Javascript
JS使用正则表达式判断输入框失去焦点事件
2019/10/16 Javascript
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
Python找出文件中使用率最高的汉字实例详解
2015/06/03 Python
Python 常用string函数详解
2016/05/30 Python
Python中断言Assertion的一些改进方案
2016/10/27 Python
Python实现对一个函数应用多个装饰器的方法示例
2018/02/09 Python
Python标准库shutil用法实例详解
2018/08/13 Python
python的中异常处理机制
2018/08/30 Python
python 实现将多条曲线画在一幅图上的方法
2019/07/07 Python
Django中Middleware中的函数详解
2019/07/18 Python
python中什么是面向对象
2020/06/11 Python
Mistine官方海外旗舰店:泰国国民彩妆品牌
2016/12/28 全球购物
台湾旅游网站:灿星旅游
2018/10/11 全球购物
数学检讨书1000字
2014/02/24 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
2014年幼儿园后勤工作总结
2014/11/10 职场文书
2014年党建工作总结
2014/11/11 职场文书
超市工作总结范文2014
2014/12/19 职场文书
骨干教师个人总结
2015/02/11 职场文书
考研英语辞职信
2015/05/13 职场文书
政工师工作总结2015
2015/05/26 职场文书
歌剧魅影观后感
2015/06/05 职场文书
适合毕业生创业的项目怎么找?
2019/08/08 职场文书
解决mysql:ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO/YES)
2021/06/26 MySQL
详解OpenCV曝光融合
2022/04/29 Python