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的掌握程度的代码
Dec 09 Javascript
jquery学习笔记 用jquery实现无刷新登录
Aug 08 Javascript
js单独获取一个checkbox看其是否被选中
Sep 22 Javascript
jquery表单插件form使用方法详解
Jan 20 Javascript
webpack学习教程之前端性能优化总结
Dec 05 Javascript
vue组件中使用iframe元素的示例代码
Dec 13 Javascript
JavaScript调用模式与this关键字绑定的关系
Apr 21 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
JS学习笔记之数组去重实现方法小结
May 29 Javascript
javascript实现图片轮播代码
Jul 09 Javascript
Vuex模块化应用实践示例
Feb 03 Javascript
jQuery实现广告显示和隐藏动画
Jul 04 jQuery
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
java EJB 加密与解密原理的一个例子
2008/01/11 PHP
CodeIgniter采用config控制的多语言实现根据浏览器语言自动转换功能
2014/07/18 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
php将字符串转换成16进制的方法
2015/03/17 PHP
从零开始学习jQuery (四) jQuery中操作元素的属性与样式
2011/02/23 Javascript
NodeJS框架Express的模板视图机制分析
2011/07/19 NodeJs
再谈querySelector和querySelectorAll的区别与联系
2012/04/20 Javascript
谈谈impress.js初步理解
2015/09/09 Javascript
又一枚精彩的弹幕效果jQuery实现
2016/07/25 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
2016/08/01 Javascript
Bootstrap页面缩小变形的快速解决办法
2017/02/03 Javascript
基于Bootstrap的网页设计实例
2017/03/01 Javascript
React-Native中props具体使用详解
2017/09/04 Javascript
详解如何在angular2中获取节点
2017/11/23 Javascript
Javascript实现购物车功能的详细代码
2018/05/08 Javascript
详解React项目中碰到的IE问题
2019/03/14 Javascript
Vue动态创建注册component的实例代码
2019/06/14 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
2019/11/09 Javascript
[02:56]DOTA2英雄基础教程 巨魔战将
2013/12/10 DOTA
python检查目录文件权限并修改目录文件权限的操作
2020/03/11 Python
python文件及目录操作代码汇总
2020/07/08 Python
通过Python实现Payload分离免杀过程详解
2020/07/13 Python
python读取xml文件方法解析
2020/08/04 Python
10张动图学会python循环与递归问题
2021/02/06 Python
python利用文件时间批量重命名照片和视频
2021/02/09 Python
英国潮流网站:END.(全球免邮)
2017/01/16 全球购物
Skip Hop官网:好莱坞宝宝挚爱品牌
2018/06/17 全球购物
印度民族服装购物网站:BIBA
2019/08/05 全球购物
医科学校毕业生自荐信
2013/11/09 职场文书
《和田的维吾尔》教学反思
2014/04/14 职场文书
合作协议书范本
2014/04/17 职场文书
乔布斯辞职信(中英文对照)
2015/05/12 职场文书
人代会简报
2015/07/21 职场文书
党校团干班培训心得体会
2016/01/06 职场文书
加薪申请书应该这样写!
2019/07/04 职场文书
Android在Sqlite3中的应用及多线程使用数据库的建议
2022/04/24 Java/Android