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


相关文章
N..
|
2月前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
N..
11 1
|
2月前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
12 0
|
2月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
22 1
|
7月前
|
JavaScript 前端开发
前端基础 - JQuery事件切换(原来还有这种写法)
前端基础 - JQuery事件切换(原来还有这种写法)
29 0
|
8月前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
56 0
|
7月前
|
JavaScript 前端开发 索引
Javascript知识【jQuery:数组遍历和事件】
Javascript知识【jQuery:数组遍历和事件】
|
2月前
|
JavaScript 前端开发
jQuery中的事件与动画
jQuery中的事件与动画
10 0
|
2月前
|
JavaScript
jQuery动画与事件概念以及语法
jQuery动画与事件概念以及语法
9 0
|
4月前
|
JavaScript
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
41 0
|
4月前
|
JavaScript 前端开发
jQuery事件1-第5次课-JQ的事件跟JS一样的作用,只是写法不一样-附案例、任务
jQuery事件1-第5次课-JQ的事件跟JS一样的作用,只是写法不一样-附案例、任务
41 0