jQuery中的事件:
jQuery事件是对JavaScript事件的封装,常用事件分类:
- 基础事件:①鼠标事件;②键盘事件;③window事件;④表单事件
- 复合事件:①鼠标光标悬停;②鼠标连续点击
鼠标事件:
鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件
以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);
jQuery中的事件和动画
原文:https://www.cnblogs.com/chuliuxiang/p/11049275.html