jQuery-on()绑定事件

.on()绑定事件

 

jQuery1.7版本后，jQuery用on统一了所有的事件处理的方法

.on()    作用：    给匹配的元素绑定事件，包括了上面所有绑定事件方式的优点

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

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

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

 第三个参数：data，传递给处理函数的数据，可以是任何类型以json的形式。事件触发的时候通过event.data来使用

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

 

 

案例：

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

$(selector).on(“click mouseenter”, function(){});

 

2.

$(document).on("click mouseenter",".box",{"aaa":222}, function (event) {
            alert(event.data.aaa);

        });

 

3.绑定多个事件

表示给$(selector)匹配的元素绑定单击和鼠标进入事件

$(selector).on(“click mouseenter”, function(){});