一、事件绑定
第一种方式:直接使用事件名
例:$("#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");
});