手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery中unbind()方法用法实例
jQuery中unbind()方法用法实例
摘要:本文实例讲述了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程序设计有所帮助。

【jQuery中unbind()方法用法实例】相关文章:

jquery任意位置浮动固定层插件用法实例

JavaScript中search()方法的使用

浅谈jQuery中replace()方法

javascript删除元素节点removeChild()用法实例

JavaScript中reduce()方法的使用详解

jQuery实现不断闪烁文字的方法

JavaScript中的fontsize()方法使用介绍

jQuery替换textarea中换行的方法

JavaScript中的sub()方法的使用介绍

javascript中一些util方法汇总

精品推荐
分类导航