jQuery中unbind()方法用法实例_Javascript教程-查字典教程网
jQuery中unbind()方法用法实例
jQuery中unbind()方法用法实例
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了jQuery中unbind()方法用法。分享给大家供大家参考。具体分析如下:此方法移除被选元素的事件处理程序,包括通过bind...

本文实例讲述了jQuery中unbind()方法用法。分享给大家供大家参考。具体分析如下:

此方法移除被选元素的事件处理程序,包括通过bind()方法注册的自定义事件。

unbind()方法如果不带参数,则删除所有绑定的事件。

此方法如果提供了事件类型作为参数,则只删除该类型的绑定事件。

如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。

语法结构:

复制代码 代码如下:$(selector).unbind(type,function)

参数列表:

参数 描述
data 要被解绑的事件类型。
Function 要从每个匹配元素的事件中解绑的事件处理函数。

实例代码:

复制代码 代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.jb51.net/" />

<title>查字典教程网</title>

<style type="text/css">

div{

width:200px;

height:200px;

background-color:blue;

text-align:center;

line-height:200px;

}

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("div").click(function(){

$("div").append("添加的内容");

});

$("button").click(function(){

$("div").unbind();

})

})

</script>

</head>

<body>

<div></div>

<button>删除事件</button>

</body>

</html>

以上代码可以删除在div上注册的事件处理函数。

希望本文所述对大家的jQuery程序设计有所帮助。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类