jQuery 事件 - unbind() 方法

jQuery 事件 - unbind() 方法

实例

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

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

定义和用法

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

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

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

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

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

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

语法

$(selector).unbind(event,function)

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

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

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

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

语法

$(selector).unbind(eventObj)

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

实例

取消绑定特定的函数

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

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
function alertMe()
{
alert("Hello World!");
}
$(document).ready(function(){
  $("p").click(alertMe);
  $("button").click(function(){
    $("p").unbind("click",alertMe);
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<p>点击任何段落可以触发一个提示框。包括本段落。</p>
<button>从 p 元素的 click 事件删除提示框函数</button>
</body>
</html>