jQuery事件2——off取消事件绑定
生活随笔
收集整理的這篇文章主要介紹了
jQuery事件2——off取消事件绑定
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
作用：取消事件的綁定，傳參如下例
先對div綁定兩個點擊事件，兩個鼠標移出事件，效果如下
代碼
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>div {width: 300px;height: 50px;line-height: 50px;text-align: center;background-color: cadetblue;color: #fff;}</style> </head> <body><div></div> </body> <script src="./jquery.js"></script> <script>function clickOne() {$(this).text('clickOne');// console.log(1);}function clickTwo() {$(this).text($(this).text() +" " + 'clickTwo');// console.log(2);}function leaveOne() {$(this).text('leaveOne');}function leaveTwo() {$(this).text($(this).text() +" " + 'leaveTwo');}$('div').on('click', clickOne);$('div').on('click', clickTwo);$('div').on('mouseleave', leaveOne);$('div').on('mouseleave', leaveTwo); </script> </html>【例1】不傳參數
$('div').off();結果，取消所有綁定事件
【例2】傳事件類型
$('div').off('click');結果，只取消點擊事件
【例3】傳事件類型+函數名
$('div').off('click', clickOne);結果，取消函數名為clickOne的點擊事件
?
總結
以上是生活随笔為你收集整理的jQuery事件2——off取消事件绑定的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jQuery的事件1——on，one
- 下一篇： jQuery事件3——trigger触发