本书是一本讲授Web前端开发的教材,以任务驱动式的编写体例和通俗易懂的语言,详细讲解jQuery的基础知识。
本书共10章。第1章讲解jQuery的基础知识;第2章讲解jQuery实现多样化菜单;第3章和第4章讲解jQuery实现页面交互;第5章讲解jQuery实现动画效果;第6章讲解jQuery实现图像效果;第7章讲解jQuery操作表单;第8章讲解jQuery操作Ajax;第9章讲解jQuery Mobile移动页面开发;第10章讲解项目实战——在线商城,帮助读者将所学知识运用到实际项目开发中。
本书配套丰富的教学资源,包括教学PPT、教学大纲、教学设计、源代码、课后习题及答案等。为了帮助读者更好地学习本书内容,本书编者团队还提供在线答疑服务,希望帮助更多的读者。
本书适合作为高等教育本、专科院校计算机相关专业的教材,也可作为广大计算机编程爱好者的自学参考书。
1.本书属于黑马程序员前端开发系列丛书,以任务驱动式的写法强化对读者动手能力的培养;
2.本书配套丰富的教学资源,包括教学大纲、教学设计、源代码、习题等,而且为了帮助读者更好地学习本书中的内容,还提供了在线答疑。
黑马程序员,传智教育旗下高端IT教育品牌,由中国Java培训先行者张孝祥老师发起,联合全球最大的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今,我们一直坚守着“为千万人少走弯路而著书,为中华软件之崛起而讲课”的办学理念,坚持培养优秀软件应用工程师的宏伟目标,在累计培养的十万余名学员中,其中90%的学员均已在北、上、广等一线城市高薪就业。为了迎合软件市场的需求,我们陆续开设了Java、网页平面、PHP、.Net、iOS、C/C++、Android等9个专业方向的课程,并且未来将逐渐开设其他专业方向的课程。随着传智播客的日益壮大,除了北京总部,我们在上海、广州、武汉、成都、深圳等地也创立了直营分支机构,传智播客俨然已成为了国内最具专业口碑的IT教育机构。
第1章 初识jQuery 1
任务1.1 下载和引入jQuery 2
任务需求 2
知识储备 2
1.什么是jQuery 2
2.Visual Studio Code编辑器 2
任务实现 8
任务1.2 jQuery的简单使用 9
任务需求 9
知识储备 10
1.jQuery的主要功能 10
2.$()函数 11
3.jQuery对象 12
4.选择器 13
5.on()方法 15
6.鼠标事件 16
7.css()方法 17
任务实现 17
本章小结 19
课后习题 19
第2章 jQuery实现多样化菜单 21
任务2.1 下拉菜单 21
任务需求 21
知识储备 22
1.显示和隐藏元素的方法 22
2.查找元素的方法 23
任务实现 24
任务2.2 折叠式菜单 28
任务需求 28
任务实现 29
任务2.3 热卖展示菜单 32
任务需求 32
知识储备 33
1.获取元素索引 33
2.根据索引取出元素 33
任务实现 34
任务2.4 左进左出导航菜单 37
任务需求 37
知识储备 38
任务实现 39
本章小结 43
课后习题 43
第3章 jQuery实现页面交互
(上) 45
任务3.1 Tab栏切换 45
任务需求 45
知识储备 46
1.元素class属性操作 46
2.元素过滤操作 47
任务实现 48
任务3.2 返回页面顶部 51
任务需求 51
知识储备 52
1.浏览器事件 52
2.元素位置操作 52
任务实现 54
任务3.3 高亮显示图像 56
任务需求 56
知识储备 56
任务实现 57
任务3.4 留言板 60
任务需求 60
知识储备 61
1.元素内容操作 61
2.元素追加操作 62
任务实现 64
本章小结 67
课后习题 67
第4章 jQuery实现页面交互
(下) 69
任务4.1 单击页面显示不同词语 69
任务需求 69
知识储备 70
1.自定义动画 70
2.元素删除操作 71
任务实现 72
任务4.2 随机抽奖 74
任务需求 74
任务实现 74
任务4.3 随机选图并放大 79
任务需求 79
知识储备 80
任务实现 81
任务4.4 向上滚动课程更新日志 84
任务需求 84
任务实现 85
本章小结 88
课后习题 89
第5章 jQuery实现动画效果 90
任务5.1 开关灯效果 90
任务需求 90
知识储备 91
任务实现 93
任务5.2 滑动切换导航菜单效果 96
任务需求 96
知识储备 97
任务实现 100
任务5.3 导航栏下划线跟随选中菜单项
滑动效果 103
任务需求 103
知识储备 104
任务实现 108
本章小结 111
课后习题 111
第6章 jQuery实现图像效果 113
任务6.1 星级评价 113
任务需求 113
知识储备 114
1.removeAttr()方法 114
2.nextAll()方法 115
3.prevAll()方法 116
任务实现 118
任务6.2 图像拖曳 120
任务需求 120
知识储备 121
任务实现 122
任务6.3 图像切换 125
任务需求 125
任务实现 125
本章小结 129
课后习题 129
第7章 jQuery操作表单 131
任务7.1 获取用户注册信息 131
任务需求 131
知识储备 132
1.表单提交事件 132
2.序列化表单数据 133
任务实现 136
任务7.2 表单数据验证 140
任务需求 140
知识储备 141
1.焦点事件 141
2.改变事件 142
3.键盘事件 143
4.表单选择器 144
任务实现 145
本章小结 156
课后习题 156
第8章 jQuery操作Ajax 158
任务8.1 用户登录 158
任务需求 158
知识储备 159
1.什么是Ajax 159
2.Ajax方法 160
任务实现 162
任务8.2 用户信息列表 165
任务需求 165
知识储备 166
1.XML数据格式 166
2.JSON数据格式 167
任务实现 168
任务8.3 图书管理系统 170
任务需求 170
知识储备 171
任务实现 172
本章小结 179
课后习题 179
第9章 jQuery Mobile移动页面
开发 181
任务9.1 制作导航栏 181
任务需求 181
知识储备 182
1.下载jQuery Mobile 182
2.引入jQuery Mobile 185
3.导航栏组件 186
任务实现 188
任务9.2 制作图书列表页面 189
任务需求 189
知识储备 190
任务实现 192
任务9.3 制作日程安排页面 194
任务需求 194
知识储备 195
1.选择菜单组件 195
2.初始化选择菜单 197
任务实现 198
本章小结 202
课后习题 202
第10章 项目实战——在线商城 204
任务10.1 项目开发准备 204
项目分析 204
1.首页 205
2.商品详情页 206
3.购物车页 207
项目初始化 208
任务10.2 焦点图切换 209
任务需求 209
任务实现 209
任务10.3 放大镜 211
任务需求 211
任务实现 211
任务10.4 购物车 214
任务需求 214
任务实现 215
本章小结 220