jQuery 事件绑定

本文只介绍 on 的绑定和解绑方式
不代表jQuery 就只有这一种绑定方式和解绑方式

事件绑定

on方式（最现代的方式，兼容zepto)，强烈建议使用的方式）

作用：给匹配的元素绑定事件，包括了上面所有绑定事件方式的优点
语法：
jQuery1.7版本后，jQuery用on统一了所有的事件处理的方法

// 第一个参数：events，绑定事件的名称可以是由空格分隔的多个事件（标准事件或者自定义事件）

// 第二个参数：selector, 执行事件的后代元素

// 第三个参数：data，传递给处理函数的数据，事件触发的时候通过event.data来使用

// 第四个参数：handler，事件处理函数

$(selector).on(events[,selector][,data],handler);

// 表示给$(selector)绑定事件，当必须是它的内部元素span才能执行这个事件

$(selector).on( "click",“span”, function() {

});

// 绑定多个事件

// 表示给$(selector)匹配的元素绑定单击和鼠标进入事件
$(selector).on(“click mouseenter”, function(){

});

事件解绑

off解绑on方式绑定的事件

// 解绑匹配元素的所有事件

$(selector).off();

// 解绑匹配元素的所有click事件

$(selector).off(“click”);

// 解绑所有代理的click事件，元素本身的事件不会被解绑
$(selector).off( “click”, “**” );