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 $.ajax入门应用二
Nov 19 Javascript
jQuery checkbox全选/取消全选实现代码
Nov 14 Javascript
javascript日期格式化示例分享
Mar 05 Javascript
Jquery中offset()和position()的区别分析
Feb 05 Javascript
详解JavaScript的Date对象(制作简易钟表)
Apr 07 Javascript
Angularjs---项目搭建图文教程
Jul 08 Javascript
vue学习笔记之指令v-text &amp;&amp; v-html &amp;&amp; v-bind详解
May 12 Javascript
解决js ajax同步请求造成浏览器假死的问题
Jan 18 Javascript
Vue2.x通用编辑组件的封装及应用详解
May 28 Javascript
微信小程序(订阅消息)功能
Oct 25 Javascript
jQuery AJAX应用实例总结
May 19 jQuery
js实现限定区域范围拖拉拽效果
Nov 20 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
配置Apache2.2+PHP5+CakePHP1.2+MySQL5运行环境
2009/04/25 PHP
ASP和PHP实现生成网站快捷方式并下载到桌面的方法
2014/05/08 PHP
经典PHP加密解密函数Authcode()修复版代码
2015/04/05 PHP
JavaScript delete操作符应用实例
2009/01/13 Javascript
jQuery EasyUI中对表格进行编辑的实现代码
2010/06/10 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
2013/01/23 Javascript
JQuery切换显示的效果实例代码
2013/02/27 Javascript
JS+CSS实现一个气泡提示框
2013/08/18 Javascript
jQuery实现下拉框左右选择的简单实例
2014/02/22 Javascript
jQuery文件上传插件Uploadify使用指南
2014/06/05 Javascript
javascript中HTMLDOM操作详解
2014/12/11 Javascript
JQuery右键菜单插件ContextMenu使用指南
2014/12/19 Javascript
jquery实现鼠标滑过显示提示框的方法
2015/02/05 Javascript
jQuery插件之Tocify动态节点目录菜单生成器附源码下载
2016/01/08 Javascript
js判断图片加载完成后获取图片实际宽高的方法
2016/02/25 Javascript
js input输入百分号保存数据库失败的解决方法
2018/05/26 Javascript
NodeJs 文件系统操作模块fs使用方法详解
2018/11/26 NodeJs
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
Element Carousel 走马灯的具体实现
2020/07/26 Javascript
Python基于回溯法子集树模板解决旅行商问题(TSP)实例
2017/09/05 Python
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
tensorflow 大于某个值为1,小于为0的实例
2020/06/30 Python
html5调用摄像头功能的实现代码
2018/05/07 HTML / CSS
HTML5不支持frameset的两种解决方法
2016/11/14 HTML / CSS
意大利独特而优质的家居用品:Fazzini
2018/12/05 全球购物
外语系毕业生找工作的求职信
2013/11/28 职场文书
行政主管职责范本
2014/03/07 职场文书
王老吉广告词
2014/03/20 职场文书
2015年挂职锻炼工作总结
2014/12/12 职场文书
2015年小学开学寄语
2015/02/27 职场文书
新学期开学寄语2016
2015/12/04 职场文书
描述鲁迅的名言整理,一生受用
2019/08/08 职场文书
​(迎国庆)作文之我爱我的祖国
2019/09/19 职场文书
springboot 自定义配置 解决Boolean属性不生效
2022/03/18 Java/Android
nginx搭建NFS网络文件系统
2022/04/14 Servers