jQuery 事件 - unbind()和bind()行为

Posted 2020-08-03 Arlar

资料来源地址>>：w3school

*******************************************************************************

【unbind()行为】

jQuery 事件参考手册

实例

移除所有 p 元素的事件处理器：

$("button").click(function(){
  $("p").unbind();
});

定义和用法

unbind() 方法移除被选元素的事件处理程序。

该方法能够移除所有的或被选的事件处理程序，或者当事件发生时终止指定函数的运行。

ubind() 适用于任何通过 jQuery 附加的事件处理程序。

取消绑定元素的事件处理程序和函数

规定从指定元素上删除的一个或多个事件处理程序。

如果没有规定参数，unbind() 方法会删除指定元素的所有事件处理程序。

语法

$(selector).unbind(event,function)

亲自试一试

参数	描述
event	可选。规定删除元素的一个或多个事件 由空格分隔多个事件值。 如果只规定了该参数，则会删除绑定到指定事件的所有函数。
function	可选。规定从元素的指定事件取消绑定的函数名。

使用 Event 对象来取消绑定事件处理程序

规定要删除的事件对象。用于对自身内部的事件取消绑定（比如当事件已被触发一定次数之后，删除事件处理程序）。

如果未规定参数，则 unbind() 方法会删除指定元素的所有事件处理程序。

语法

$(selector).unbind(eventObj)

参数	描述
eventObj	可选。规定要使用的事件对象。这个 eventObj 参数来自事件绑定函数。

亲自试一试 - 实例

取消绑定特定的函数

如何使用 unbind() 方法取消绑定元素指定事件的具体函数。

jQuery 事件参考手册

 

*************************************************************************************************

【bind()行为】

jQuery 事件参考手册

实例

当点击鼠标时，隐藏或显示 p 元素：

$("button").bind("click",function(){
  $("p").slideToggle();
});

定义和用法

bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。

将事件和函数绑定到元素

规定向被选元素添加的一个或多个事件处理程序，以及当事件发生时运行的函数。

语法

$(selector).bind(event,data,function)

参数	描述
event	必需。规定添加到元素的一个或多个事件。 由空格分隔多个事件。必须是有效的事件。
data	可选。规定传递到函数的额外数据。
function	必需。规定当事件发生时运行的函数。

替代语法

$(selector).bind({event:function, event:function, ...})

参数	描述
{event:function, event:function, ...}	必需。规定事件映射，其中包含一个或多个添加到元素的事件，以及当事件发生时运行的函数。

jQuery 事件参考手册