jQuery事件

一、事件类型

        鼠标事件

        键盘事件

        浏览器相关事件（scroll）

        表单相关事件

        html事件（用户界面事件）

二、jQuery添加事件

1、jQuery事件对象

var e = arguments[0] || window.event;
arguments    //参数列表

2、添加事件的两种方法

        方法1：jQuery提供的事件函数

$("button").click(function(){
    alert($(this).text());
})

        方法2：on添加

$("p").on("click",function(){})

//现代的方式
//可以添加多个处理程序

3、委托事件

$("body").on("click","p",function(){})

//用于设置动态添加元素的事件

4、off方法：移除on方法添加的事件

$("#btn").on("click",foo1)
$("#btn").off("click",foo1)

function foo1(){
    console.log("1");
}

5、自定义事件

        1)、定义事件

$("#div1").on("myDivEvent",function(e,name){
    console.log("自定义事件" + name);
})

        2)、触发事件

$("#btn").click(function(){
    $("#div1").trigger("myBtnEvent","guoxinan");
})

三、jQuery的动效