jQuery事件和动画
常用事件分类
jQuery事件是对javascript事件的一个封装,常用事件分类:
基础事件:
鼠标事件 mouse
键盘事件
window事件
表单事件
复合事件
鼠标光标悬停
鼠标连续点击
鼠标事件
方法 | 描述 | 执行时机 |
---|
click() | 触发或将函数绑定到指定元素的click事件 | 单击鼠标时 |
mouseover | 触发或将函数绑定到指定元素的mouseover事件 | 鼠标指针移过时 |
mouseout | 触发或将函数绑定到指定元素的mouseout事件 | 鼠标指针移出时 |
mouseenter | 触发或将函数绑定到指定元素的mouseenter事件 | 鼠标指针进入时 |
mouseleave | 触发或将函数绑定到指定元素的mouseleave事件 | 鼠标指针离开时 |
鼠标事件方法的区别
方法 | 相同点 | 不同点 |
---|
mouseover() | 鼠标进入备选元素时触发 | 鼠标在其备选元素的子元素上来回进入时触发 mouseover(),不触发mouseenter() |
mouseent() | | |
moudeout() | 鼠标离开备选元素是触发 | 鼠标在其备选元素的子元素上来回离开时触发 mouseout(),不触发mouseleave() |
mouseleave() | | |
键盘事件
鼠标事件是当用户在文档上来回移动所产生的事件
属性键值码:.keyCode enter==>13
名称 | 描述 | 执行时机 |
---|
Keydown() | 触发或将函数绑定到指定元素的Keydown()事件 | 键盘按下时 |
Keyup() | 触发或将函数绑定到指定元素的Keyup()事件 | 键盘抬起时 |
Keypress() | 触发或将函数绑定到指定元素的Keypress()事件 | 产生可打印字符时 |
| | |
窗口事件
方法:
调整窗口大小时 $(window).resize();
属性:
浏览器速度