在jQuery中,使用on统一所有事件的处理方式,主要有两种类型:
(1)on注册简单事件
(2)on注册委托事件
(1)on注册简单事件
/*
* selector:表示执行事件的后代元素,若没有后代,则自己执行
* click:传触发方式
* function:传事件处理函数
*/
$(selector).on( "click", function() {});
(2)on注册委托事件
/*
* selector:表示执行事件的元素,若没有后代则自己执行
* click:表示触发方式
* span:表示执行事件的元素(后代)
* function:表示事件处理函数
*/
$(selector).on( "click",“span”, function() {});
on注册事件的参数说明:
$(selector).on(events[,selector][,data],handler);
// 第一个参数:events,绑定事件的名称可以是由空格分隔的多个事件(标准事件或者自定义事件)
// 第二个参数:selector, 执行事件的后代元素(可选),如果没有后代元素,那么事件将有自己执行。
// 第三个参数:data,传递给处理函数的数