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 相关文章推荐
javascript 兼容FF的onmouseenter和onmouseleave的代码
Jul 19 Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
Apr 25 Javascript
js冒泡法和数组转换成字符串示例代码
Aug 14 Javascript
在jquery中combobox多选的不兼容问题总结
Dec 24 Javascript
jquery ui resize 中border-box的bug修正
Apr 26 Javascript
JavaScript数组和循环详解
Apr 27 Javascript
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
Aug 18 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
Aug 28 Javascript
vue中的模态对话框组件实现过程
May 01 Javascript
vue.js轮播图组件使用方法详解
Jul 03 Javascript
微信小程序顶部导航栏可滑动并选中放大
Dec 05 Javascript
使用eslint和githooks统一前端风格的技巧
Jul 29 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
提问的智慧(2)
2006/10/09 PHP
PHP编写RESTful接口
2016/02/23 PHP
Ruffy javascript 学习笔记
2009/11/30 Javascript
js读取被点击次数的简单实例(从数据库中读取)
2014/03/07 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
2014/06/05 Javascript
我的Node.js学习之路(二)NPM模块管理
2014/07/06 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
jQuery+easyui中的combobox实现下拉框特效
2015/02/27 Javascript
javascript中eval函数用法分析
2015/04/25 Javascript
JavaScript实现添加、查找、删除元素
2015/07/02 Javascript
JavaScript数据操作_浅谈原始值和引用值的操作本质
2016/08/23 Javascript
JavaScript 身份证号有效验证详解及实例代码
2016/10/20 Javascript
JavaScript实现的XML与JSON互转功能详解
2017/02/16 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
2017/03/09 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
2017/05/08 jQuery
基于layer.js实现收货地址弹框选择然后返回相应的地址信息
2017/05/26 Javascript
Vue.js搭建移动端购物车界面
2020/06/28 Javascript
微信小程序服务器日期格式化问题
2020/01/07 Javascript
[01:14:30]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第二场 8.20.mp4
2019/08/22 DOTA
python获得图片base64编码示例
2014/01/16 Python
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
Python调用命令行进度条的方法
2015/05/05 Python
Python安装selenium包详细过程
2019/07/23 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
python使用梯度下降算法实现一个多线性回归
2020/03/24 Python
Python3爬虫mitmproxy的安装步骤
2020/07/29 Python
Python利用matplotlib绘制折线图的新手教程
2020/11/05 Python
Python 利用argparse模块实现脚本命令行参数解析
2020/12/28 Python
中职生自我鉴定范文
2013/10/03 职场文书
青年标兵事迹材料
2014/08/16 职场文书
效能风暴心得体会
2014/09/04 职场文书
2014入党积极分子批评与自我批评思想汇报
2014/09/20 职场文书
先进集体事迹材料范文
2014/12/25 职场文书
毕业酒会致辞
2015/07/29 职场文书
实习报告怎么写
2019/06/20 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP