JQuery事件——绑定多事件.on()和卸载事件.off()

简介:

        绑定多事件.on()和卸载事件.off()

1   .on()绑定事件,通过空格分离传递不同的事件名,可以同时绑定多个事件,每一个事件执行自己的回调方法,可以通过第二对象或参数,当一个事件被触发时,要传递给事件处理函数

2   .on()绑定2个事件      $("elem").on("mousedown  mouseup",fn)      

3   快捷方式与on的不同

   on可以自定义事件名

   多个事件绑定同一个函数

   多个事件绑定不同函数

   将数据传递到处理程序

4   事件绑定在最上层div元素上,当用户触发在a元素上,事件将往上冒泡,一直会冒泡在div元素上,如果提供了第二参数,那么事件再往上冒泡的过程中遇到了选择器匹配的元素,将会触发事件回调函数

5   .off()卸载事件

6   卸载事件off()的方法
   通过.on()绑定的事件处理程序
   通过off() 方法移除该绑定

7   off方法可以通过相应的传递组合的事件名,名字空间,选择器或处理函数来移除绑定在元素上指定的事件处理函数,当有多个过滤参数时,只有与这些参数完全匹配的事件处理函数才会被移除
8   off方法可以
  删除一个事件      $("elem").off("mousedown")
  删除所有事件      $("elem").off("mousedown mouseup")

  快捷方式删除所有事件,这里不需要传递事件名了,节点上绑定的所有事件讲全部销毁      $("elem").off()


本文转自 拉考的考拉 51CTO博客,原文链接:
http://blog.51cto.com/lakaodekaola/2060719


相关文章
|
5月前
|
JavaScript 前端开发
jQuery 事件
jQuery 事件
34 1
|
23天前
|
JavaScript 前端开发 API
深入理解jQuery:高效DOM操作与事件处理
【10月更文挑战第11天】深入理解jQuery:高效DOM操作与事件处理
14 0
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
2月前
|
JavaScript
jQuery 事件
jQuery 事件
37 10
|
2月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
33 3
|
2月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
15 0
|
3月前
|
Web App开发 JavaScript Android开发
重载jquery on方法实现click事件在移动端的快速响应
重载jquery on方法实现click事件在移动端的快速响应
|
5月前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数:优雅地处理页面加载事件
jQuery中的ready()函数:优雅地处理页面加载事件
101 0
|
6月前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
6月前
|
Web App开发 JavaScript 前端开发
jquery的冒泡事件event.stopPropagation()
jquery的冒泡事件event.stopPropagation()
41 0