jquery时间及动画.pdfVIP

第五章 jQuery中的事件与动画 回顾及作业点评 提问 列举至少4种基本选择器？ 合并元素集合使用哪种选择器？ 后代选择器和子选择器有什么区别？ 2/34 预习检查 提问 mouseover()、mouseout()分别是什么事件？ 再列举至少3个jQuery 中的常用事件 在jQuery 中使用什么方法隐藏元素？ 3/34 本章任务 制作左导航特效 制作登录框特效 制作团购网主导航 制作FAQ列表页 制作当当网我的订单页 4/34 本章目 使用常用简单事件制作网页特效 使用鼠标事件制作主导航特效 使用键盘事件制作表单特效 使用hover()制作下拉菜单特效 使用鼠标事件及动画制作弹出对话框 5/34 网页中的事件 和winform一样，在网页中的事件也是实现和用户交互的基础 例如tab页切换效果，可以通过鼠标点击事件来实现 点击选项卡，切换 div 6/34 jQuery中的事件 jQuery事件是对JavaScript事件的封装，常用事件分类如下： 基础事件 window事件 鼠标事件 键盘事件 表单事件 复合事件是多个事件的组合 鼠标光标悬停 鼠标连续点击 7/34 鼠标事件 鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件，常用 鼠标事件有： 方法 描述 执行时机 click( ) 触发或将函数绑定到指定元素的click 单击鼠标时 事件 mouseover( ) 触发或将函数绑定到指定元素的 鼠标移过时 mouse over事件 mouseout( ) 触发或将函数绑定到指定元素的 鼠标移出时 mouse out事件 8/34 实现主导航特效 以mouseover()为例，实现鼠标移过时特效 当鼠标移过元素时 为事件添加响应方法 $(#nav li).mouseover(function() { $(this). addClass(“heightlight”); }); 鼠标所在的元素 演示示例1 ：主导航特效