.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')
