jQuery事件

.on()

函数用于为指定元素的一个或多个事件绑定事件处理函数

语法：

.on( events [,selector ] [,data ], handler(eventObject) )

下面通过例子来进行了解

// 为所有P元素分别绑定click事件处理函数handler
$('p').on('click', handler)
// 为#wrap元素上绑定click事件处理函数handler，如果这个click事件是由其后代的p元素触发的，就执行handler。
//这是利用了DOM的冒泡事件机制来进行事件委托。
$('#wrap').on('click', 'p', handler)

//通过下面的例子来了解data的使用
var data = {id: 5, name: 'Tom'};
$('ul').on('mouseenter mouseleave', 'li', data, function(event){
  var $me = $(this);
  var options = event.data;  //传入的附加数据
  if(event.type == 'mouseenter'){
    console.log(options.name)
  }else if(event.type == 'mouseleave'){
    console.log(options.id)
  }
})

.one()

语法

.one( events [, selector ] [, data ], handler(eventObject) )
同 on，绑定事件，但只执行一次

.trigger()

语法

.trigger( eventType [, extraParameters ] )
根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为

$('#foo').on('click', function() {
  console.log($(this).text())
});
$('#foo').trigger('click')