第十章 指导学习：课程总复习.pptx

第十章 指导学习：课程总复习 指导学习预习检查集中测试/26在网页中如何获取当前元素的父元素、同辈元素和子元素？如何实现无序列表中前三行内容显示红色，后两行背景显示灰色？在jQuery中如何实现元素的显示和隐藏？在jQuery中如何为元素添加样式和移除样式？课程内容回顾第一章~第四章第五章~第八章第九章JavaScript基础语法变量、函数、调试window对象的属性和方法定时函数和Date对象JavaScript操作DOM：访问DOM节点，添加、删除、替换DOM元素操作节点属性设置元素样式创建对象和构造函数原型链和继承jQuery基本语法jQuery选择器：基本选择器、层次选择器、属性选择器、过滤选择器jQuery事件：鼠标事件、键盘事件、复合事件、绑定和移除事件jQuery动画jQuery操作DOM：样式操作、内容操作、节点操作、节点属性操作、遍历操作表单验证正则表达式：基本语法、邮箱、密码等常用正则表达式表单选择器表单事件和方法使用HTML5验证表单/26作业讲评教员备课时完善/26学员总结分组总结内容要求正确、全面、重点突出表达要求清晰流畅、有条理知识分享/26知识梳理：JavaScriptJavaScript核心语法变量、数据类型、数组、运算符自定义函数、逻辑控制语句、注释、语法约定内置对象String、Date、Array、Math、RegExp面向对象原型对象、构造函数常用函数parseInt()、parseFloat()、isNaN()alert()、prompt()BOM模型window、history、location、document对象/26知识梳理：JavaScript操作DOMJavaScript中的DOM操作样式操作style属性、className属性currentStyle属性、getComputedStyle()方法访问节点document系列获取元素、层次关系访问节点获取节点名称、节点值、节点类型属性操作获取属性值、设置属性值节点操作创建、插入节点删除节点复制和替换节点/26知识梳理：jQuery选择器jQuery选择器基本选择器标签选择器、类选择器、ID选择器并集选择器、交集选择器、全局选择器层次选择器后代选择器、子选择器、相邻元素选择器、同辈元素选择器属性选择器过滤选择器基本过滤选择器可见性过滤选择器表单选择器/26知识梳理：jQuery事件jQuery事件基础事件window事件、鼠标事件、载入事件表单事件绑定和移除事件复合事件鼠标光标悬停鼠标连续点击/26知识梳理：jQuery动画jQuery动画控制元素的显示和隐藏改变元素的透明度改变元素的高度制作动画效果/26知识梳理：jQuery操作DOMjQuery中的DOM操作样式操作css()、 addClass()、 removeClass()内容及Value属性值操作html()、 text()、 val()节点操作查找、创建、替换、复制和遍历节点属性操作attr() 、removeAttr()节点遍历遍历子元素、遍历同辈元素和遍历前辈元素CSS-DOM操作/26知识梳理：核心应用客户端验证非空、长度、数字、范围邮箱、日期页面特效页面广告、窗口特效、时钟特效菜单特效左导航菜单主导航菜单下拉菜单CSS样式特效表单特效文本提示效果、表单验证提示、HTML5默认和提示效果/26综合练习：新用户注册任务描述验证用户输入内容的有效性，主要验证用户名、密码、昵称、手机号码、电子邮箱等，对用户输入内容的格式、长度进行验证/26综合练习：淘宝购物车任务描述实现商品删除和数量修改的功能，并计算商品总额和积分/26综合练习：新用户注册页面练习阶段1：完成新用户注册页面需求说明完成输入提示实现输入验证完成时间：20分钟/26共性问题集中讲解常见问题及解决办法代码规范问题调试技巧共性问题集中讲解/26综合练习：淘宝购物车练习阶段2：实现商品金额自动计算的功能需求说明对每一行商品进行积分、价格小计计算所有商品的总额和积分完成时间：20分钟/26综合练习：淘宝购物车练习阶段3：实现全选功能需求说明在淘宝网购物车页面中，当选中“全选”复选框时，所有商品前的复选框被选中，否则所有商品前的复选框取消选中当所有商品前的复选框被选中时，“全选”复选框被选中，否则“全选”复选框取消选中完成时间：20分钟/26共性问题集中讲解常见问题及解决办法代码规范问题调试技巧共性问题集中讲解/26综合练习：淘宝购物车练习阶段4：实现商品数量增加和减少功能需求说明单击商品数量文本框前的图标 ，商品数量减少一个，但是不能减少为0单击商品数量文本框后的图标 ，商品数量增加一个当商品数量增加或减少时，对应的商品小计及商品总价、可获积分随之变化完成时间：20分钟/26综合练习：淘宝购物车练习阶段