首页 > Web开发 > 详细

jQuery中的事件和动画

时间:2019-06-19 09:03:04      阅读:161      评论:0      收藏:0      [点我收藏+]

jQuery中的事件:

jQuery事件是对JavaScript事件的封装,常用事件分类:

  1. 基础事件:①鼠标事件;②键盘事件;③window事件;④表单事件
  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);

jQuery中的事件和动画

原文:https://www.cnblogs.com/chuliuxiang/p/11049275.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!