《jQuery程序设计基础教程》课后习题答案

jQuery 是一套轻型 脚本库，是目前**热门的Web 前端开发技术之一。

jQuery 的语法很简单，它的核心理念是"write less, do more"。与其他语言相比，实现同样的功能时，使用jQuery 需要编写的代码更少。 本书包括基础篇、进阶篇和篇，全面介绍了jQuery 编程的基础知识和实用技术，还介绍了大量应用实例，包括提示条、图片播放、菜单和选项卡、动画文本和图标菜单、广告设计等。读者在阅读本书时可以充分了解和体验jQuery 的强大功能。

目录

• 第 1部分　基础篇
• 第 1章　jQuery概述　2
• 1.1　初识jQuery　2
• 1.1.1　什么是jQuery　2
• 1.1.2　jQuery的优势　3
• 1.1.3　下载jQuery脚本文件和配置jQuery环境　4
• 1.1.4　第 一个简单的jQuery程序　5
• 1.2　jQuery对象和DOM对象　6
• 1.2.1　DOM对象　6
• 1.2.2　jQuery对象　7
• 1.3　jQuery开发工具　8
• 1.3.1　使用Dreamweaver编辑jQuery程序　8
• 1.3.2　调试jQuery程序　9
• 练习题　9
• 第 2章　程序设计　11
• 2.1　在HTML中使用语言　11
• 2.1.1　在HTML中插入代码　11
• 2.1.2　使用js文件　12
• 2.2　基本语法　12
• 2.2.1　数据类型　12
• 2.2.2　变量　12
• 2.2.3　注释　13
• 2.2.4　运算符　13
• 2.3　常用语句　17
• 2.3.1　条件分支语句　17
• 2.3.2　循环语句　21
• 2.4　函数　24
• 2.4.1　创建自定义函数　24
• 2.4.2　调用函数　25
• 2.4.3　变量的作用域　26
• 2.4.4　函数的返回值　26
• 2.5　内置对象　27
• 2.5.1　的内置类框架　27
• 2.5.2　BOM对象编程　31
• 2.6　事件处理　35
• 2.6.1　常用HTML事件　35
• 2.6.2　Event对象　37
• 2.7　编辑和调试工具　38
• 2.7.1　使用Dreamweaver编辑程序　38
• 2.7.2　调试程序　40
• 练习题　42
• 第 2部分　进阶篇
• 第3章　jQuery选择器　46
• 3.1　基础选择器　46
• 3.1.1　Id选择器　46
• 3.1.2　标签名选择器　47
• 3.1.3　根据元素的CSS类选择　47
• 3.1.4　选择所有HTML元素　48
• 3.1.5　同时选择多个HTML元素　49
• 3.2　层次选择器　50
• 3.2.1　ancestor descendant(祖先 后代)选择器　50
• 3.2.2　parent>child(父>子)选择器　51
• 3.2.3　prev+next(前+后)选择器　52
• 3.2.4　prev～siblings(前～兄弟)选择器　53
• 3.3　jQuery过滤器　54
• 3.3.1　基本过滤器　54
• 3.3.2　内容过滤器　56
• 3.3.3　可见性过滤器　58
• 3.3.4　属性过滤器　59
• 3.3.5　子元素过滤器　61
• 练习题　62
• 第4章　使用jQuery操作HTML元素　63
• 4.1　使用jQuery访问HTML元素的属性和内容　63
• 4.1.1　使用jQuery获取HTML元素对应的jQuery对象　63
• 4.1.2　使用jQuery获取和设置HTML元素的内容　65
• 4.1.3　使用jQuery获取和设置HTML元素的属性　66
• 4.1.4　使用jQuery删除HTML元素的属性　68
• 4.1.5　使用jQuery在网页中添加追加内容　68
• 4.2　使用jQuery管理HTML元素　70
• 4.2.1　使用jQuery遍历HTML元素　70
• 4.2.2　使用jQuery检查某个元素是否包含指定元素　71
• 4.2.3　使用jQuery删除HTML元素　72
• 4.2.4　使用jQuery插入HTML元素　74
• 4.2.5　使用jQuery复制HTML元素　75
• 4.2.6　使用jQuery替换HTML元素　75
• 练习题　76
• 第5章　jQuery插件　78
• 5.1　概述　78
• 5.1.1　jQuery的插件机制　78
• 5.1.2　使用jQuery插件　80
• 5.2　滚动插件　83
• 5.2.1　捕获滚动事件的插件Waypoints　83
• 5.2.2　滚动特效插件scrollTo　84
• 5.3　图表插件　85
• 5.3.1　Excel样式的表格插件Handsontable　85
• 5.3.2　HTML表格插件DataTables　89
• 5.3.3　图表效果插件Sparklines　91
• 5.4　布局插件　93
• 5.4.1　布局插件Masonry　93
• 5.4.2　动态布局插件Freetile.js　95
• 5.4.3　瀑布流的网页布局插件Wookmark　98
• 5.5　文字处理插件　100
• 5.5.1　自动调整文本大小的FitText.js插件　100
• 5.5.2　就地编辑插件jeditable　101
• 5.6　UI插件　103
• 5.6.1　旋钮插件knob　103
• 5.6.2　显示模式弹出框的插件Avgrund　104
• 5.6.3　滑动导航插件SlideDeck　106
• 练习题　107
• 第6章　jQuery的表单编程　109
• 6.1　HTML表单概述　109
• 6.1.1　定义表单　109
• 6.1.2　文本框　110
• 6.1.3　文本区域　111
• 6.1.4　单选按钮　111
• 6.1.5　复选框　112
• 6.1.6　组合框　113
• 6.1.7　按钮　113
• 6.2　jQuery的表单选择器和过滤器　115
• 6.2.1　表单选择器　115
• 6.2.2　表单过滤器　116
• 6.3　jQuery的表单事件处理　118
• 6.3.1　blur()方法和focus()方法　118
• 6.3.2　change()方法　119
• 6.3.3　select()方法　120
• 6.3.4　submit()方法　121
• 6.4　操作表单元素　122
• 6.4.1　操作文本框和文本域　122
• 6.4.2　操作单选按钮和复选框　122
• 6.4.3　操作下拉框　123
• 6.5　jQuery的表单插件　123
• 6.5.1　a-tools插件　123
• 6.5.2　两级级联下拉列表插件DoubleSelection　126
• 6.5.3　表单验证插件Validate　127
• 6.5.4　其他值得推荐的表单插件　129
• 练习题　129
• 第7章　jQuery事件处理　131
• 7.1　事件处理函数　131
• 7.1.1　指定事件处理函数　131
• 7.1.2　绑定到事件处理函数　131
• 7.1.3　移除事件绑定　133
• 7.2　Event对象　134
• 7.2.1　Event对象的属性　135
• 7.2.2　Event对象的方法　136
• 7.3　jQuery事件方法　137
• 7.3.1　键盘事件　137
• 7.3.2　鼠标事件　138
• 7.3.3　文档加载事件　139
• 7.3.4　浏览器事件　139
• 练习题　141
• 第8章　使用jQuery设置CSS样式　142
• 8.1　CSS基础　142
• 8.1.1　什么是CSS　142
• 8.1.2　在HTML文档中应用CSS　143
• 8.1.3　颜色与背景　145
• 8.1.4　设置字体　146
• 8.1.5　设置文本对齐　147
• 8.1.6　超链接　148
• 8.1.7　列表　149
• 8.1.8　边框　151
• 8.1.9　CSS轮廓　153
• 8.1.10　浮动元素　154
• 8.2　CSS3的新技术　155
• 8.2.1　实现圆角效果　155
• 8.2.2　多彩的边框颜色　159
• 8.2.3　阴影　161
• 8.2.4　背景图片　161
• 8.2.5　多列　163
• 8.2.6　嵌入字体　164
• 8.2.7　透明度　166
• 8.2.8　HSL和HSLA颜色表现方法　167
• 8.3　在jQuery中设置CSS样式　169
• 8.3.1　使用css()方法获取和设置CSS属性　169
• 8.3.2　与样式类别有关的方法　170
• 8.3.3　获取和设置HTML元素的尺寸　171
• 8.3.4　获取和设置元素的位置　173
• 8.3.5　滚动条相关　174
• 8.4　应用实例　175
• 8.4.1　动态控制页面字体大小　175
• 8.4.2　快捷切换网页显示样式　176
• 练习题　178
• 第3部分　应用篇
• 第9章　jQuery动画特效　182
• 9.1　显示和隐藏HTML元素　182
• 9.1.1　以动画效果显示HTML元素　182
• 9.1.2　隐藏HTML元素　183
• 9.1.3　切换HTML元素的显示和隐藏状态　184
• 9.2　淡入/淡出效果　184
• 9.2.1　实现淡入效果　184
• 9.2.2　实现淡出效果　185
• 9.2.3　直接调节HTML元素的透明度　186
• 9.2.4　以淡入/淡出的效果切换显示和隐藏HTML元素　187
• 9.3　滑动效果　187
• 9.3.1　以滑动效果显示隐藏的HTML元素　188
• 9.3.2　以滑动效果隐藏HTML元素　188
• 9.3.3　以滑动效果切换显示和隐藏HTML元素　189
• 9.4　动画队列　190
• 9.4.1　queue()方法　190
• 9.4.2　dequeue()方法　192
• 9.4.3　删除动画队列中的成员　192
• 9.4.4　延迟动画　193
• 9.4.5　停止正在执行的动画　194
• 9.5　执行自定义的动画　194
• 9.6　应用实例：焦点视频切换栏　196
• 9.6.1　实例界面和目录结构　196
• 9.6.2　设计实例页面　197
• 9.6.3　实现滑动切换的jQuery脚本　201
• 练习题　203
• 第 10章　jQuery与Ajax　204
• 10.1　使用XMLHttpRequest对象与服务器通信　204
• 10.1.1　创建XMLHttpRequest对象　204
• 10.1.2　发送HTTP请求　205
• 10.1.3　从服务器接收数据　205
• 10.2　在jQuery中实现Ajax编程　208
• 10.2.1　load()方法　208
• 10.2.2　$.get()方法　209
• 10.2.3　$.post()方法　209
• 10.2.4　$.getJSON()方法　210
• 10.2.5　$.ajax()方法　211
• 10.2.6　利用Ajax提交表单　212
• 10.2.7　Ajax的事件　214
• 10.3　应用实例——使用Ajax实现登录页面　218
• 练习题　220
• 第 11章　jQuery与HTML5　222
• 11.1　HTML5基础　222
• 11.1.1　什么是HTML　222
• 11.1.2　HTML5的新特性　223
• 11.1.3　浏览器对HTML5的支持　226
• 11.2　jQuery HTML5实用编程　227
• 11.2.1　支持进度显示的文件上传　227
• 11.2.2　jQuery+HTMl5 localStorage编程　232
• 11.2.3　Canvas绘图　235
• 11.2.4　基于HTML5播放声音的jQuery插件audioPlay　241
• 11.3　应用实例　243
• 11.3.1　jQuery+HTML5+CSS3设计页面布局的实例　243
• 11.3.2　jQuery+HTML5+CSS3设计视频播放器的实例　248
• 练习题　253
• 第 12章　jQuery特效应用实例　255
• 12.1　提示条实例　255
• 12.1.1　滑出式提示条　255
• 12.1.2　智能提示条　260
• 12.2　图片播放　263
• 12.2.1　实现幻灯片特效　263
• 12.2.2　实现魔幻盒特效　265
• 12.2.3　滚动展示图片　268
• 12.2.4　图片的翻转　269
• 12.2.5　幻灯片式画廊　270
• 12.2.6　Blockster过渡特效　277
• 12.2.7　自动滑动播放图片　279
• 12.3　菜单和选项卡　280
• 12.3.1　jQuery+CSS设计选项卡和侧边栏菜单　280
• 12.3.2　动画菜单　283
• 12.3.3　动画文本和图标菜单　285
• 12.3.4　悬停切换的栏目　287
• 12.3.5　悬停下拉菜单　289
• 12.3.6　动态导航菜单　291
• 12.4　广告特效　294
• 12.4.1　自定义动画广告条　294
• 12.4.2　弹性伸缩广告　297
• 第 13章　jQuery Mobile　299
• 13.1　jQuery Mobile概述　299
• 13.1.1　初识jQuery Mobile　299
• 13.1.2　引用jQuery Mobile开发包　302
• 13.2　jQuery Mobile组件　304
• 13.2.1　页面设计　304
• 13.2.2　对话框设计　307
• 13.2.3　弹出框　309
• 13.2.4　工具栏设计　314
• 13.2.5　按钮设计　318
• 13.2.6　列表设计　321
• 练习题　323
• 附录1　实验　324
• 实验1　初识jQuery　324
• 实验2　编程　325
• 实验3　jQuery选择器　327
• 实验4　操作HTML元素　328
• 实验5　jQuery插件　330
• 实验6　表单编程　331
• 实验7　事件处理　333
• 实验8　设置CSS样式　334
• 实验9　jQuery动画特效　335
• 实验10　jQuery与Ajax　336
• 实验11　jQuery与HTML5　337
• 实验12　jQuery特效应用实例　340
• 实验13　jQuery Mobile　341
• 附录2　jQuery常用工具函数　343