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