使用jquery快速高效制作网页交互特效tp08.pptx

指导学习：课程总复习第八章

课程内容回顾3-1第一章~第二章JavaScript的基本语法定义和使用函数window对象的常用属性、方法、事件使用定时函数和Date对象制作时钟特效第三章~第四章jQuery基本语法jQuery选择器基本选择器层次选择器属性选择器过滤选择器2/19

课程内容回顾3-2第五章~第六章jQuery事件鼠标事件键盘事件表单事件复合事件jQueryDOM操作样式操作内容操作节点操作节点属性操作遍历操作3/19

课程内容回顾3-3第七章表单验证正则表达式正则表达式的基本语法邮箱、密码等常用正则表达式表单选择器4/19

学员总结分组总结内容要求正确、全面、重点突出表达要求清晰流畅、有条理知识分享5/19

知识梳理：JavaScriptJavaScript核心语法变量、数据类型、数组、运算符自定义函数、逻辑控制语句、注释、语法约定内置对象String、Date、Array、Math、RegExp常用函数parseInt()、parseFloat()、isNaN()alert()、prompt()BOM模型window、history、location、document对象6/19

知识梳理：jQuery选择器jQuery选择器基本选择器标签选择器、类选择器、ID选择器并集选择器、交集选择器、全局选择器层次选择器后代选择器、子选择器、相邻元素选择器、同辈元素选择器属性选择器过滤选择器基本过滤选择器可见性过滤选择器表单对象过滤选择器7/19

知识梳理：jQuery事件jQuery事件基础事件window事件鼠标事件键盘事件表单事件复合事件鼠标光标悬停鼠标连续点击使用jQuery选择器及事件实现特效tab页切换特效各类菜单特效8/19

知识梳理：jQuery操作DOMjQuery中的DOM操作样式操作css()、addClass()、removeClass()内容及Value属性值操作html()、text()、val()节点操作查找、创建、替换、复制和遍历节点属性操作attr()、removeAttr()节点遍历遍历子元素、遍历同辈元素和遍历前辈元素CSS-DOM操作9/19

知识梳理：核心应用客户端验证非空、长度、数字、范围邮箱、日期页面特效页面广告、窗口特效、时钟特效菜单特效左导航菜单主导航菜单下拉菜单CSS样式特效表单特效全选效果、文本框提示、表单验证提示、级联菜单10/19

综合练习：新用户注册和淘宝购物车任务描述实现商品删除和数量修改的功能，并计算商品总额和积分11/19

共性问题集中讲解常见问题及解决办法代码规范问题调试技巧共性问题集中讲解12/19

综合练习：新用户注册和淘宝购物车阶段2：实现商品金额自动计算的功能需求说明对每一行商品进行积分、价格小计计算所有商品的总额和积分完成时间：20分钟练习13/19

综合练习：新用户注册和淘宝购物车阶段3：实现全选功能需求说明在淘宝网购物车页面中，当选中“全选”复选框时，所有商品前的复选框被选中，否则所有商品前的复选框取消选中当所有商品前的复选框被选中时，“全选”复选框被选中，否则“全选”复选框取消选中完成时间：20分钟练习14/19

共性问题集中讲解常见问题及解决办法代码规范问题调试技巧共性问题集中讲解15/19

综合练习：新用户注册和淘宝购物车阶段4：实现商品数量增加和减少功能需求说明单击商品数量文本框前的图标，商品数量减少一个，但是不能减少为0单击图标，商品数量增加一个当商品数量增加或减少时，对应的商品小计以及商品总价、可获积分随之变化完成时间：20分钟练习16/19

综合练习：新用户注册和淘宝购物车阶段5：实现删除商品的功能需求说明单击“删除所选”按钮可以删除选中的商品单击商品后面的“删除”超链接可以删除对应的商品删除商品后，商品总价和积分也同时改变完成时间：20分钟练习17/19

共性问题集中讲解常见问题及解决办法代码规范问题调试技巧共性问题集中讲解18/19

总结JavaScript的基础语法、函数、常用对象jQuery选择器基本选择器、层次选择器属性选择器、过滤选择器jQuery事件鼠标事件、键盘事件、表单事件jQuery操作DOM样式操作、内容及Value属性值操作、节点操作、节点属性操作、节点遍历、CSS-DOM操作19/19