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操作cookie的函数代码
Oct 03 Javascript
JS动态添加iframe的代码
Sep 14 Javascript
JS DOM实现鼠标滑动图片效果
Sep 17 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
Mar 09 Javascript
JavaScript中splice与slice的区别
May 09 Javascript
基于JavaScript实现数码时钟效果
Mar 30 Javascript
在小程序Canvas中使用measureText的方法示例
Oct 19 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
Jun 26 Javascript
vue设置一开始进入的页面教程
Oct 28 Javascript
node使用request请求的方法
Dec 20 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
Jun 28 Javascript
详解Node.js如何处理ES6模块
May 15 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
动漫定律:眯眯眼都是怪物!这些角色狠话不多~
2020/03/03 日漫
NO3第三帝国留言簿制作过程
2006/10/09 PHP
完美解决thinkphp验证码出错无法显示的方法
2014/12/09 PHP
PHP获取youku视频真实flv文件地址的方法
2014/12/23 PHP
浅谈PHP值mysql操作类
2016/06/29 PHP
遍历echsop的region表形成缓存的程序实例代码
2016/11/01 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
javascript 写类方式之三
2009/07/05 Javascript
Javascript 面向对象编程(coolshell)
2012/03/18 Javascript
Js四则运算函数代码
2012/07/21 Javascript
JavaScript中setFullYear()方法的使用详解
2015/06/11 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
2016/05/04 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
2016/07/09 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
2017/04/10 Javascript
解决bootstrap下拉菜单点击立即隐藏bug的方法
2017/06/13 Javascript
jQuery实现表格冻结顶栏效果
2017/08/20 jQuery
在element-ui的el-tree组件中用render函数生成el-button的实例代码
2018/11/05 Javascript
js使用swiper实现层叠轮播效果实例代码
2018/12/12 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
2019/10/12 Javascript
vue.js 子组件无法获取父组件store值的解决方式
2019/11/08 Javascript
React实现轮播效果
2020/08/25 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
Python中利用函数装饰器实现备忘功能
2015/03/30 Python
Python单元测试框架unittest使用方法讲解
2015/04/13 Python
Python实现汇率转换操作
2020/05/03 Python
matplotlib绘制鼠标的十字光标的实现(自定义方式,官方实例)
2021/01/10 Python
香港时装购物网站:ZALORA香港
2017/04/23 全球购物
营业员个人总结的自我评价
2013/10/25 职场文书
机电专业个人求职信范文
2013/12/30 职场文书
大课间体育活动方案
2014/03/12 职场文书
运动会加油口号
2014/06/07 职场文书
会员活动策划方案
2014/08/19 职场文书
单位工作证明范文
2014/09/14 职场文书
机关作风建设自查报告及整改措施
2014/10/21 职场文书
2019年入党思想汇报
2019/03/25 职场文书
使用CSS实现小三角边框原理解析
2021/11/07 HTML / CSS