jQuery中die()方法用法实例
更新时间:2015年01月19日 12:08:18 投稿:shichen2014
这篇文章主要介绍了jQuery中die()方法用法,实例分析了die()方法的功能、定义及移除所有通过live()方法向指定元素添加的一个或多个事件处理程序的使用技巧,需要的朋友可以参考下
本文实例讲述了jQuery中die()方法用法。分享给大家供大家参考。具体分析如下:
此方法移除所有通过live()方法向指定元素添加的一个或多个事件处理程序。
语法结构:
复制代码 代码如下:
$(selector).die(type,function)
参数列表:
实例代码:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<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程序设计有所帮助。
相关文章
checkbox 选中一个另一个checkbox也会选中的实现代码
本文给大家带来了checkbox选择器之checkbox 选中一个另一个checkbox也会选中的实现代码 ,非常不错,有需要的可以参考下2016-07-07jQuery DateTimePicker 日期和时间插件示例
jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,这篇文章主要介绍了jQuery DateTimePicker 日期和时间插件示例,有兴趣的可以了解一下。2017-01-01jquery移除button的inline onclick事件(已测试及兼容浏览器)
这种方法在Google Chrome下正常工作,但是在IE的兼容模式下会马上调用reclick方法,这不是我们想要的效果;为了解决这个问题,我们可以换个思路,就是延迟绑定click事件2013-01-01
最新评论