jQuery 中的事件:
jQuery 事件是对 JavaScript 事件的封装, 常用事件分类:
基础事件:1鼠标事件;2键盘事件;3window 事件;4表单事件
复合事件:1鼠标光标悬停;2鼠标连续点击
鼠标事件:
鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件
以 mouseover( ) [当鼠标移过菜单时] 与 mouseout( )[当鼠标移出菜单时] 方法为例, 实现导航菜单
- $(".nav-ul a").mouseover(function(){
- $(this).CSS("background-color","#f01e28");
[使用 mouseover 事件使导航项目改变背景颜色]
- });
- $(".nav-ul a").mouseout(function(){
- $(this).CSS("background-color","#ff2832");
[使用 mouseout 事件使导航项目还原背景颜色]
});
键盘事件:
用户每次按下或者释放键盘上的键时都会产生事件, 常用键盘事件:
浏览器事件:
语法:$(selector).resize( );
调整窗口大小时, 完成页面特效
绑定事件:
bind(type,[data],fn);
type: 事件类型, 主要包括 click,mouseover,mouseout 等基础事件, 此外, 还可以是自定义事件
data: 可选函数
移除事件:
移除事件使用 unbind() 方法
语法: unbind([type],[fn])
type: 事件类型, 主要包括: blur,focus,click,mouseout 等基础事件, 此外, 还可以是自定义事件
fn: 处理函数
当 unbind() 不带参数时, 表示移除所绑定的全部事件
复合事件:
hover() 方法:
hover() 方法相当于 mouseover 与 mouseout 事件的组合
语法: hover(enter,leave);
toggle() 方法:
toggle() 方法用于模拟鼠标连续 click 事件:
语法: toggle(fn1,fn2,...,fnN);
来源: http://www.bubuko.com/infodetail-3096682.html