一、练习目标：

1. 复习JS基本语法
2. 掌握jQuery的事件绑定
3. 掌握并熟练运用jQuery操作DOM节点
4. 掌握jQuery滑动、淡入淡出操作
5. 掌握原生Ajax请求、jQuery中的Ajax请求

• 练习题：

练习题一：考核jQuery滑动操作

练习时间：45分钟

 

1. 点击向下滑动按钮、盒子向下滑动
2. 点击向上滑动按钮、盒子隐藏
3. 点击滑动切换、盒子可以隐藏和显示、点击停止动画、滑动效果停止

练习题二：考核jQuery表单验证

练习时间：45分钟

1. jQuery表单验证（50分）
   • 写一个用户名文本框、密码文本框、手机号文本框（10分）
   • 绑定失焦事件，触发获取输入的值（10分）
   • 验证用户名必须是2-3位的汉字，否则在文本框后面给出提示（10分）
   • 验证密码必须在6位以上，否则在文本框后面给出提示（10分）
   • 验证手机号必须是11位纯数字，且13、15、17、18开头，否则在文本框后面给出提示（10分）
2. jQuery操作DOM（30分）
   • 删除所有class为test的p标签（10分）
   • 在页面每个h123456标签后内部的尾部追加一个span节点（10分）
   • 获取页面上选中的复选框对象，打印在控制台上（10分）
3. jQuery操作table（20分）
   • 将所有的偶数行背景颜色设为红色（10分）
   • 每行的最后一个单元格里存放一个删除按钮，点击此按钮可以将这一行删掉（10分）

练习题三：Ajax请求

练习时间：30分钟

1. 创建一个Ajax请求（原生的）、
2. 访问本地json文件
3. 控制台输出
4. 通过jQuery发送一个get请求、访问本地json文件

练习题四：JavaScript对象和Json数据格式

练习时间：30分钟

1. 创建一个自定义对象、里面内容有班级、人数、学院、自定义加减乘除函数
2. 获取对象的属性、控制台输出
3. 调用对象中的方法、计算 var a = 60; var b=30;的加减乘除运算、并在控制台输出
4. 将创建的对象转化为字符串、并在控制台输出
5. 将转化后的字符串再转化为对象、并在控制台输出

练习题五：jQuery动画

练习时间：30分钟

 

1、点击淡入、盒子显示

2、点击淡出、盒子隐藏

3、点击切换、盒子可以隐藏和显示

3、点击切换透明度、背景颜色透明度改变