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 相关文章推荐
JScript内置对象Array中元素的删除方法
Mar 08 Javascript
extjs3 combobox取value和text案例详解
Feb 06 Javascript
jquery得到font-size属性值实现代码
Sep 30 Javascript
jquery给图片添加鼠标经过时的边框效果
Nov 12 Javascript
jQuery实现监控页面所有ajax请求的方法
Dec 10 Javascript
详解React-Todos入门例子
Nov 08 Javascript
js将字符串中的每一个单词的首字母变为大写其余均为小写
Jan 05 Javascript
微信小程序实现YDUI的ScrollTab组件
Feb 02 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
Jul 10 Javascript
jquery无缝图片轮播组件封装
Nov 25 jQuery
Vue.js标签页组件使用方法详解
Oct 19 Javascript
解决vue-router 嵌套路由没反应的问题
Sep 22 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
第十节--抽象方法和抽象类
2006/11/16 PHP
dedecms后台验证码总提示错误的解决方法
2007/03/21 PHP
CI框架源码解读之URI.php中_fetch_uri_string()函数用法分析
2016/05/18 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
jQuery autocomplete插件修改
2009/04/17 Javascript
Javascript操作cookie的函数代码
2012/10/03 Javascript
datagrid框架的删除添加与修改
2013/04/08 Javascript
JQuery操作Select的Options的Bug(IE8兼容性视图模式)
2013/04/21 Javascript
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
Javascript中的apply()方法浅析
2015/03/15 Javascript
JavaScript文本框脚本编写的注意事项
2016/01/25 Javascript
ArtEditor富文本编辑器增加表单提交功能
2016/04/18 Javascript
Ionic2系列之使用DeepLinker实现指定页面URL
2016/11/21 Javascript
基于angular实现三级联动的生日插件
2017/05/12 Javascript
基于wordpress的ajax写法详解
2018/01/02 Javascript
vue.js 使用axios实现下载功能的示例
2018/03/05 Javascript
浅析vue中常见循环遍历指令的使用 v-for
2018/04/18 Javascript
vue代码分割的实现(codesplit)
2018/11/13 Javascript
详解Vue.js中引入图片路径的几种方式
2019/06/17 Javascript
JavaScrip如果基于url实现图片下载
2020/07/03 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
详解vue中在父组件点击按钮触发子组件的事件
2020/11/13 Javascript
python匹配两个短语之间的字符实例
2018/12/25 Python
用Python PIL实现几个简单的图片特效
2019/01/18 Python
Python产生一个数值范围内的不重复的随机数的实现方法
2019/08/21 Python
手把手教你进行Python虚拟环境配置教程
2020/02/03 Python
在django admin详情表单显示中添加自定义控件的实现
2020/03/11 Python
python基于openpyxl生成excel文件
2020/12/23 Python
使用CSS3实现一个3D相册效果实例
2016/12/03 HTML / CSS
一些高难度的SQL面试题
2016/11/29 面试题
建筑人员岗位职责
2013/12/25 职场文书
公职人员索取回扣检举信
2014/04/04 职场文书
没有孩子的离婚协议书怎么写
2014/09/17 职场文书
泸县召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
公司考勤管理制度
2015/08/04 职场文书
TV动画《政宗君的复仇》第二季制作决定PV公布
2022/04/02 日漫