如果没有提供参数,则unbind()方法对指定元素的所有事件处理程序都有效。
语法:
$(selector).unbind(event, function, eventObj)
参数:此方法接受上述三个参数
● event:一个可选参数,用于指定从元素中删除它们的事件(一个或多个)。
● function:一个可选参数,用于指定要从元素的指定事件中取消绑定的函数的名称。
● eventObj:一个可选参数,用于指定要从事件绑定函数中删除的事件对象。
示例:使用unbind()方法从选定元素中删除事件处理程序
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script> $(document).ready(function() { $("h1").click(function() { $(this).css( "background-color", "lightpink"); }); $("button").click(function() { $("h1").unbind(); }); }); </script> </head> <body style="text-align:center;"> <h1 style = "color:red;">Hello World!</h1> <button>单击</button> </body> </html>
点击任何地方之前:
点击元素h1后:
点击按钮后,事件将无效:
效果图:
以上就是jQuery的unbind()方法怎么用?的详细内容,更多请关注易知道|edz.cc其它相关文章!