浅析jquery unbind()方法移除元素绑定的事件

unbind()方法可以移除元素已绑定的事件，它的调用格式如下：

$(selector).unbind(event,fun)

其中参数event表示需要移除的事件名称，多个事件名用空格隔开，fun参数为事件执行时调用的函数名称。

语法

unbind()函数主要有以下两种形式的用法：

用法一：

jQueryObject.unbind( [ events [, handler ]] )

移除当前匹配元素的events事件绑定的事件处理函数handler。

用法二：

jQueryObject.unbind( eventObject )

为指定事件处理函数传入的Event对象，用于移除对应的事件处理函数。

参数

参数 描述

events 可选/String类型一个或多个用空格分隔的事件类型和可选的命名空间，例如”click”、”focus click”、”keydown.myPlugin”。

handler 可选/Function类型指定的事件处理函数。

eventObject Object类型一个Event对象，用于移除传入该对象的事件处理函数。

jQuery 1.4.3 新增支持参数handler可以为false。用于移除绑定事件时，handler参数为false值的事件处理函数。

如果省略参数handler，则移除匹配元素指定类型的事件上绑定的所有事件处理函数。

如果省略了所有参数，则表示移除匹配元素上为任何元素绑定的任何事件类型的任何事件处理函数。

返回值

unbind()函数的返回值为jQuery类型，返回当前jQuery对象本身。

实际上，unbind()函数的参数全是筛选条件，只有匹配所有参数条件的事件处理函数都将被移除。参数越多，限定条件就越多，被移除的范围就越小。

示例