.on（）方法用来处理事件
$("li").on("click",function(){
$(this).addClass("complete")
})
.on()方法处理的最常用的一些事件如下表所示。为了方便开发人员，jquery同样会添加一些额外的事件，比如ready事件，在当前页面准备好之后触发。
用户界面
focus、blur、change
键盘
input、keydown、keyup、keypress
鼠标
click、dbclick、mouseup、mousedown、mouseover、mousemove、mouseout、hover
表单
submit、select、change
文档
ready*、load、unload
浏览器
error、resie、scroll
事件对象
每个事件处理函数都会获得一个时间对象
$("li").on("click",function(e){
eventType = e.type
})
e:将事件对象作为命名参数
e.type:在函数中使用这个名称来指代事件对象，在该对象上使用你所熟悉的点好（成员操作符）来访问其属性和方法
下面表格中的实例使用字母e作为事件对象的缩写。
| 属性 | 说明 |
| type | 事件类型（比如click，mouseover） |
| which | 被按下的按钮或键值 |
| data | 当事件发生时传入该函数的一些额外信息 |
| target | 发生这个事件的DOM元素 |
| pageX | 鼠标相对可视区域左边缘的位置 |
| pageY | 鼠标相对可视区区域上边缘的位置 |
| timeStamp | 事件发生时间距离1970年1月1日的毫秒数，在火狐下无效 |
| 方法 | 说明 |
| .preventDefault | 阻止默认行为 |
| .stopPropagation | 停止冒泡 |