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 相关文章推荐
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
Mar 06 Javascript
jQuery Tools tooltip使用说明
Jul 14 Javascript
javascript中常用编程知识
Apr 08 Javascript
jquery实现通用版鼠标经过淡入淡出效果
Jun 15 Javascript
详解JavaScript中的Unescape()和String() 函数
Nov 09 Javascript
详解JS正则replace的使用方法
Mar 06 Javascript
AngularJS实现标签页的两种方式
Sep 05 Javascript
element-ui表格列金额显示两位小数的方法
Aug 24 Javascript
详解如何创建并发布一个 vue 组件
Nov 08 Javascript
基于webpack4.X从零搭建React脚手架的方法步骤
Dec 23 Javascript
vue实现pdf文档在线预览功能
Nov 26 Javascript
vue远程加载sfc组件思路详解
Dec 25 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
亚洲咖啡有什么?亚洲咖啡产地介绍 亚洲咖啡有什么特点?
2021/03/05 新手入门
php 一元分词算法
2009/11/30 PHP
php多任务程序实例解析
2014/07/19 PHP
PHP操作文件的一些基本函数使用示例
2014/11/18 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
vmware linux系统安装最新的php7图解
2019/04/14 PHP
[原创]静态页面也可以实现预览 列表不同的显示方式
2006/10/14 Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
2010/09/14 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
2012/02/02 Javascript
js操作滚动条事件实例
2015/01/29 Javascript
jQuery动态修改超链接地址的方法
2015/02/13 Javascript
javascript简单实现等比例缩小图片的方法
2016/07/27 Javascript
jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
2016/08/11 Javascript
微信小程序 navigation API实例详解
2016/10/02 Javascript
JavaScript实现的微信二维码图片生成器的示例
2016/10/26 Javascript
vue检测对象和数组的变化分析
2018/06/30 Javascript
详解React native fetch遇到的坑
2018/08/30 Javascript
详解vue更改头像功能实现
2019/04/28 Javascript
微信小程序动态添加view组件的实例代码
2019/05/23 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
2019/08/16 Javascript
Vue.js标签页组件使用方法详解
2019/10/19 Javascript
微信小程序修改数组长度的问题的解决
2019/12/17 Javascript
详谈vue中router-link和传统a链接的区别
2020/07/22 Javascript
Python编程中字符串和列表的基本知识讲解
2015/10/14 Python
安装ElasticSearch搜索工具并配置Python驱动的方法
2015/12/22 Python
Python随机生成带特殊字符的密码
2016/03/02 Python
小米5s微信跳一跳小程序python源码
2018/01/08 Python
Python计算开方、立方、圆周率,精确到小数点后任意位的方法
2018/07/17 Python
利用css3 translate完美实现表头固定效果
2017/02/28 HTML / CSS
未受刑事制裁公证证明
2014/09/20 职场文书
夫妻双方自愿离婚协议书
2014/10/24 职场文书
蓬莱阁导游词
2015/02/04 职场文书
改进工作作风心得体会
2016/01/23 职场文书
创业计划书之旅游网站
2019/09/06 职场文书
话题作文之生命的旋律
2019/12/17 职场文书
Apache Calcite 实现方言转换的代码
2021/04/24 Servers