off解綁事件
阿新 • • 發佈:2022-04-18
off()方法可以移除通過on()方法新增的事件處理程式。
程式碼示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>03-事件解綁off</title> <style type="text/css"> div { background-color: pink; width: 100px; height: 100px; }</style> <script src="/js檔案/jQuery.mini.js"></script> <script type="text/javascript"> $(function () { $("div").on({ click: function () { console.log("我點選了"); }, mouseover: function() { console.log('我滑鼠經過了'); } }) $("ul").on("click", "li", function () { alert(22); }) //1.事件解綁 off // $("div").off()//這個是解除了div身上所有的事件 $("div").off("click") //這個是解除了div身上的點選事件 $("ul").off("click", "li"); //解除事件委託 //2.one() //只能觸發一次事件 $("p").one("click", function () { alert(159) }) }) </script> </head> <body> <div></div> <ul> <li>111</li> <li>111</li> <li>111</li> </ul> <p>p標籤</p> </body> </html>