41. jQuery-使用unbind()方法移除元素繫結事件
阿新 • • 發佈:2018-12-31
1.效果圖
2.html程式碼
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>41. jQuery-使用unbind()方法移出元素繫結事件</title> <style type="text/css"> body{font-size:13px} .btn {border:#666 1px solid;padding:2px;width:80px; filter: progid:DXImageTransform.Microsoft .Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);} div{line-height:1.8em} </style> </head> <body> <div> <input id="Button1" type="button" value="按鈕一" class="btn" /> <input id="Button2" type="button" value="按鈕二" class="btn"/> <input id="Button3" type="button" value="刪除事件" class="btn"/> </div> <div id="divTip" style="padding-top:10px"></div> <script src="../jquery.min.js"></script> <script type="text/javascript"> //第二種方法 $(function(){ //自定義事件 function oClick() { $("#divTip").append("<div>按鈕二的單擊事件</div>") } //繫結自定義事件 $("input:eq(0)").bind("click", oClick); //移除全部單擊事件 $("input:eq(2)").bind("click", function(){ $("input").unbind(); }) }); </script> </body> </html>