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 相关文章推荐
TFDN图片播放器 不错自动播放
Oct 03 Javascript
jQuery lazyload 的重复加载错误以及修复方法
Nov 19 Javascript
jQuery+css实现百度百科的页面导航效果
Dec 16 Javascript
javascript中Number对象的toString()方法分析
Dec 20 Javascript
jQuery中:nth-child选择器用法实例
Dec 31 Javascript
jQuery简单实现日历的方法
May 04 Javascript
浅谈AngularJs指令之scope属性详解
Oct 24 Javascript
jQuery 插件实现随机自由弹跳气泡样式
Jan 12 Javascript
Vue学习笔记之表单输入控件绑定
Sep 05 Javascript
vue.js todolist实现代码
Oct 29 Javascript
js中的this的指向问题详解
Aug 29 Javascript
TypeScript中使用getElementXXX()的示例代码
Sep 12 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时间戳 strtotime()使用方法和技巧
2013/10/29 PHP
使用PHP Socket 编程模拟Http post和get请求
2014/11/25 PHP
PHP构造函数与析构函数用法示例
2016/09/28 PHP
PHP中函数gzuncompress无法使用的解决方法
2017/03/02 PHP
Laravel框架实现的使用smtp发送邮件功能示例
2019/03/12 PHP
idTabs基于JQuery的根据URL参数选择Tab插件
2012/04/11 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
2014/06/16 Javascript
AngularJS初始化过程分析(引导程序)
2014/12/06 Javascript
jQuery中siblings()方法用法实例
2015/01/08 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
javascript正则表达式之分组概念与用法实例
2016/06/16 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
2016/09/20 Javascript
js无提示关闭浏览器窗口的两种方法分析
2016/11/06 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
单击按钮发送验证码,出现倒计时的简单实例
2017/03/17 Javascript
vue2.X组件学习心得(新手必看篇)
2017/07/05 Javascript
在vue中通过axios异步使用echarts的方法
2018/01/13 Javascript
Vue组件通信的四种方式汇总
2018/02/08 Javascript
vue+vuex+axios实现登录、注册页权限拦截
2018/03/09 Javascript
关于js陀螺仪的理解分析
2019/04/11 Javascript
关于vue属性使用和不使用冒号的区别说明
2020/10/22 Javascript
vant时间控件使用方法详解
2020/12/24 Javascript
[47:18]完美世界DOTA2联赛循环赛 IO vs FTD BO2第一场 11.05
2020/11/06 DOTA
python文件特定行插入和替换实例详解
2017/07/12 Python
python腾讯语音合成实现过程解析
2019/08/01 Python
Django文件上传与下载(FileFlid)
2019/10/06 Python
django 读取图片到页面实例
2020/03/27 Python
python3 自动打印出最新版本执行的mysql2redis实例
2020/04/09 Python
Windows下Anaconda和PyCharm的安装与使用详解
2020/04/23 Python
Python -m参数原理及使用方法解析
2020/08/21 Python
利用CSS3把图片变成灰色模式的实例代码
2016/09/06 HTML / CSS
Roxy美国官网:澳大利亚冲浪、滑雪健身品牌
2016/07/30 全球购物
交通事故赔偿协议书
2014/04/15 职场文书
共产党员岗位承诺书
2014/05/29 职场文书
javascript遍历对象的五种方式实例代码
2021/10/24 Javascript
MySQ InnoDB和MyISAM存储引擎介绍
2022/04/26 MySQL