jQuery事件

一、事件绑定

    第一种方式：直接使用事件名
    例：$("#btn").click(function(){ alert(1) })
    第二种方式：on(event,function)
    例：$('#btn').on('click', function(){ alert(2);})
    第三种方式：bind(event, function)
    例：$('#btn').bind('click', function(){alert(3);})

二、事件移除

    1.off():通常用于移除通过on方法绑定的事件
    ֺ例： $("p").off("click");
    2.unbind()：移除被选元素的事件
    ֺ例： $("p").unbind();

三、鼠标事件

    1:mouseover 鼠标移入(支持事件冒泡)
    2:mouseout 鼠标移出 (支持事件冒泡)
    3.mouseleave 鼠标移出(不支持事件冒泡)
    4.mouseenter 鼠标移入 (不支持事件冒泡)
    5:mousedown 鼠标按下
    6:mouseup 鼠标抬起
    7:mousemove 鼠标移动
    8:click 鼠标单击
    9:dbclick 鼠标双击
    10:contextmenu 鼠标右键

四、键盘事件

    keydown 键盘按下
    keyup 键盘抬起

五、表单事件

    blur 失去焦点事件
    focus 获取焦点事件
    change 内容发生改变
    submit 表单提交事件

六、复合事件

    hover方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。
    例： $("p").hover(function(){
            $("p").css("backgroundColor","yellow");
         },function(){
            $("p").css("backgroundColor","pink");
         });