这篇文章主要介绍了jQuery中unbind()方法用法,实例分析了unbind()方法的功能、定义及移除被选元素的事件处理程序的使用技巧,需要的朋友可以参考下
本文实例讲述了jQuery中unbind()方法用法。分享给大家供大家参考。具体分析如下:
此方法移除被选元素的事件处理程序,包括通过bind()方法注册的自定义事件。
unbind()方法如果不带参数,则删除所有绑定的事件。
此方法如果提供了事件类型作为参数,则只删除该类型的绑定事件。
如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。
语法结构:
代码如下:
$(selector).unbind(type,function)
参数列表:
实例代码:
代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>脚本之家</title> <style type="text/css"> p{ width:200px; height:200px; background-color:blue; text-align :center; line-height :200px; } </style> <script type="text/ javascript " src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").click(function(){ $("p").append("添加的内容"); }); $("button").click(function(){ $("p").unbind(); }) }) </script> </head> <body> <p></p> <button>删除事件</button> </body> </html>
以上代码可以删除在p上注册的事件处理函数。
以上是jQuery中unbind()方法用法实例的详细内容。更多信息请关注PHP中文网其他相关文章!