JQuery的on()监听方法使用

jquery.on()超级方法

归纳

在jquery的on方法中实现事件委托就更简单了，on方法可以接受三个参数：

第一个参数是事件名，可以只绑定一个事件，如on('click'),也可以绑定多个事件，如on('click dbclick mouseover')等

第二个参数是可选参数，接受一个selector,当事件触发元素符合selector时，会调用事件处理函数

注：此处用到 li:even 选择器，后面有注解

第三个参数是自定义事件处理的回调函数。

1.jQuery :even 选择器

选取每个带有偶数 index 值的元素（比如 2、4、6）

index 值从 0 开始，所有第一个元素是偶数 (0)

2.jQuery :odd 选择器

选取每个带有奇数 index 值的元素（比如 1、3、5）

不会啊。顶多初次加载效率上慢一点而已，对于同一元素监听同一事件，只要是2次监听所执行的事件不同，那最后就会合并为一起执行。如果执行事件一样，那就得重复执行2次同样的事件咯，这样属于重复开销，浪费代码了。

所以绑定事件相同并没有什么问题，安全问题就更不会了。 只要绑定事件相同 事件里执行的方法不同即可

$('element').on('click',function(){

/*获取该元素*/

console.log($(this))

alert('click')

})

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。

基本语法：

$(selector).on(event,childSelector,data,function,map)

实例：

$("p").on("click",function(){

alert("The paragraph was clicked.")

})

---