第三章:jQuery事件
一,jQuery中的事件
jQuery事件是对JavaScript事件的封装,常用事件分类:
基础事件:
- 鼠标事件
- 键盘事件
- window事件
- 表单事件
鼠标事件:
方法 | 描述 | 执行时机 |
---|---|---|
click( ) | 触发或将函数绑定到指定元素的click事件 | 单击鼠标时 |
mouseover( ) | 触发或将函数绑定到指定元素的mouseover事件 | 鼠标指针移过时 |
mouseout( ) | 触发或将函数绑定到指定元素的mouseout事件 | 鼠标指针移出时 |
mouseenter( ) | 触发或将函数绑定到指定元素的mouseenter事件 | 鼠标指针进入时 |
mouseleave( ) | 触发或将函数绑定到指定元素的mouseleave事件 | 鼠标指针离开时 |
键盘事件:
方法 | 描述 | 执行时机 |
---|---|---|
keydown( ) | 触发或将函数绑定到指定元素的keydown事件 | 按下键盘时 |
keyup( ) | 触发或将函数绑定到指定元素的keyup事件 | 释放按键时 |
keypress( ) | 触发或将函数绑定到指定元素的keypress事件 | 产生可打印的字符时 |
浏览器事件:
$(selector).resize( );//调整窗口大小时,完成页面特效
复合事件:
- 鼠标光标悬停
- 鼠标连续点击
hover( )
hover()方法相当于mouseover与mouseout事件的组合。
语法:
hover(enter,leave);
示例:
$(".top-m .on").hover(function(