jquery中的unbind()方法是移除被选元素的事件处理程序。
该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行。
ubind() 适用于任何通过 jQuery 附加的事件处理程序。
该方法也可以通过 event 对象取消绑定的事件处理程序。该方法也用于对自身内部的事件取消绑定(比如当事件已被触发一定次数之后,删除事件处理程序)。
注意:如果未规定参数,则 unbind() 方法会删除指定元素的所有事件处理程序。
unbind()语法:
$(selector).unbind(event,function)
| 参数 | 描述 |
|---|---|
| event | 可选。规定删除元素的一个或多个事件。 由空格分隔多个事件值。 如果只规定了该参数,则会删除绑定到指定事件的所有函数。 |
| function | 可选。规定从元素的指定事件取消绑定的函数名。 |
unbind()使用示例:
移除所有 <p> 元素的事件处理程序:
$("button").click(function(){
$("p").unbind();
});
使用 unbind() 方法从元素上指定事件取消绑定指定的函数
function alertMe()
{
alert("Hello World!");
}
$(document).ready(function(){
$("p").click(alertMe);
$("button").click(function(){
$("p").unbind("click",alertMe);
});
});
使用 event 对象取消绑定事件处理程序
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
var x=0;
$("p").click(function(event){
$("p").animate({fontSize:"+=5px"});
x++;
if (x>=2)
{
$(this).unbind(event);
}
});
});
</script>
</head>
<body>
<p style="font-size:20px;">点击这个 p 元素放大字体,字体只会放大两次。</p>
</body>
</html>
声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/1028.html





















