jquery unbind()方法
翻译结果:
unbind
英 ['ʌn'baɪnd] 美 [ʌnˈbaɪnd]
vt.解开,解放
jquery unbind()方法语法
作用:unbind() 方法移除被选元素的事件处理程序。该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行。ubind() 适用于任何通过 jQuery 附加的事件处理程序。
取消绑定元素的事件处理程序和函数:规定从指定元素上删除的一个或多个事件处理程序。如果没有规定参数,unbind() 方法会删除指定元素的所有事件处理程序。
语法:$(selector).unbind(event,function
参数:
参数 | 描述 |
event | 可选。规定删除元素的一个或多个事件由空格分隔多个事件值。如果只规定了该参数,则会删除绑定到指定事件的所有函数。 |
function | 可选。规定从元素的指定事件取消绑定的函数名。 |
使用Event对象来取消绑定事件处理程序:规定要删除的事件对象。用于对自身内部的事件取消绑定(比如当事件已被触发一定次数之后,删除事件处理程序)。如果未规定参数,则 unbind() 方法会删除指定元素的所有事件处理程序。
语法:$(selector).unbind(eventObj)
参数:
参数 | 描述 |
eventObj | 可选。规定要使用的事件对象。这个 eventObj 参数来自事件绑定函数。 |
jquery unbind()方法示例
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").click(function(){ $(this).slideToggle(); }); $("button").click(function(){ $("p").unbind(); }); }); </script> </head> <body> <p>这是一个段落。</p> <p>这是另一个段落。</p> <p>点击任何段落可以令其消失。包括本段落。</p> <button>删除 p 元素的事件处理器</button> </body> </html>
点击 "运行实例" 按钮查看在线实例