jquery 事件和动画

$(document).ready(function(){

}) $(window).load(function(){

})

事件：

blur focus load resize scroll unload click dbclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error

image.png

元素绑定事件

this.bind("click",function(){

})

image.png

或者：

this.click(function(){})

hover 鼠标移入移出

image.png

toggle 鼠标单击双击

image.png

addClass hightlight

image.png

preventDefault() 组织默认行为：字段验证

image.png

或者： return false;

获取事件信息

event.type event.target pageX pageY event.which 哪个键按下的

获取页面坐标

image.png

bind.... unbind

模拟点击事件

this.trigger("click")

this.click()

模拟自定义事件，带参数

image.png

image.png

动画

show //hide show(1000) hide(2222)

透明度

fadeIn() fadeOut()

改变元素高度

slideUp() slideDown()

自定义动画 animate

image.png

image.png

animate callback

image.png

delay 延迟