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 相关文章推荐
使用JQuery库提供的扩展功能实现自定义方法
Sep 09 Javascript
深入学习JavaScript中的原型prototype
Aug 13 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
Mar 01 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
May 07 Javascript
jQuery实现定位滚动条位置
Aug 05 Javascript
JS实现DIV高度自适应窗口示例
Feb 16 Javascript
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
Oct 15 Javascript
vue.js  父向子组件传参的实例代码
Oct 29 Javascript
Vuex入门到上手教程
Jun 20 Javascript
JS实现动态添加外部js、css到head标签的方法
Jun 05 Javascript
解决vue-cli输入命令vue ui没效果的问题
Nov 17 Javascript
js Proxy的原理详解
May 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
frename PHP 灵活文件命名函数 frename
2009/09/09 PHP
php之Smarty模板使用方法示例详解
2014/07/08 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
2015/06/19 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
2015/07/02 Javascript
有关jQuery中parent()和siblings()的小问题
2016/06/01 Javascript
JS使用onerror捕获异常示例
2016/08/03 Javascript
浅谈js中test()函数在正则中的使用
2016/08/19 Javascript
标准的js无缝滚动效果
2016/08/30 Javascript
BootStrap 可编辑表Table格
2016/11/24 Javascript
javascript设计模式之单体模式学习笔记
2017/02/15 Javascript
原生JS实现图片网格式渐显、渐隐效果
2017/06/05 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
javascript 面向对象实战思想分享
2017/09/07 Javascript
Vue.js中的computed工作原理
2018/03/22 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
2018/11/27 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
2019/11/09 Javascript
原生JavaScript实现随机点名表
2021/01/14 Javascript
浅谈python jieba分词模块的基本用法
2017/11/09 Python
Django 2.0版本的新特性抢先看!
2018/01/05 Python
Python 输入一个数字判断成绩分数等级的方法
2018/11/15 Python
python二维码操作:对QRCode和MyQR入门详解
2019/06/24 Python
Python中Flask-RESTful编写API接口(小白入门)
2019/12/11 Python
python 图像判断,清晰度(明暗),彩色与黑白实例
2020/06/04 Python
python中np是做什么的
2020/07/21 Python
HTML5移动开发图片压缩上传功能
2016/11/09 HTML / CSS
世界领先的豪华床上用品供应商之一:Bedeck Home
2019/03/18 全球购物
XD健身器材:Kevlar球、Crossfit健身球
2019/03/26 全球购物
如何开启linux的ssh服务
2013/06/03 面试题
信息管理与信息系统专业求职信
2014/06/21 职场文书
离婚财产处理协议书
2014/09/30 职场文书
工作态度不端正检讨书
2014/10/04 职场文书
英语教师个人工作总结
2015/02/09 职场文书
董事长助理岗位职责
2015/02/11 职场文书
国家助学金受助感言
2015/08/01 职场文书