Web前端技术丛书：jQuery前端开发实战（视频教学版）

图书标准信息

• 作者 刘鑫 著
• 出版社 清华大学出版社
• 出版时间 2019-03
• 版次 1
• ISBN 9787302525776
• 定价 59.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 294页
• 字数 99999千字

【内容简介】

使用jQuery能使网页开发更高效，网页更绚丽多彩，用户体验更具现代感和易用性。本书用于jQuery入门，书中每一个知识点都给出实际应用示例，帮助读者快速掌握jQuery。

 

本书内容包括jQuery基础语法，jQuery开发与调试工具，选择器的使用，DOM操作，事件，AJAX技术，动画效果，jQuery 插件，jQuery UI，jQuery Mobile，以及jQuery在实际开发中的4个具体实例。

 

本书既适合jQuery初学者、jQuery前端开发人员、jQuery Mobile开发人员使用，也适合作为高等院校和培训学校相关专业的师生教学参考。

 

【作者简介】

刘鑫，武汉大学硕士。精通Web前端开发和服务器脚本语言技术，善于把握运用新技术，如LAMP平台的开发、软件架构、设计模式、ASP.NET、PHP、JavaScript、jQuery、YUI等等。具有讲师、计算机工程师职称，具有高级物流师、APTCH软件工程师、网络安全工程师等职业资格认证，在校内和校外培训js和jQuery期间收获颇丰，特地撰写此书，希望对初学者有所帮助。

 

【目录】

章  jquery入门1
1.1  什么是jquery1
1.1.1  下载并配置jquery运行环境1
1.1.2  jquery1.x、2.x和3.x的区别3
1.1.3  jquery与javascript的区别3
1.1.4  编写个jquery网页6
1.2  jquery 3的特7
1.2.1  jquery 3的strict mode7
1.2.2  支持for…of遍历7
1.2.3  动画方面使用requestanimationframe api8
1.2.4  支持svg8
1.2.5  :visible和:hidden新改变8
1.3  选择jquery的开发工具9
1.4  认识jquery库的基础知识12
1.4.1  jquery库的核心方法—— $()12
1.4.2  jquery代码的风格13
1.4.3  jquery库延迟等待加载模式14
1.5  调试jquery程序15
1.5.1  在chrome中调试15
1.5.2  在firefox中调试17
1.6  常见问题19
1.6.1  为什么要使用一些公司的cdn19
1.6.2  写jquery和直接写javascript的区别20
1.6.3  jquery与其他javascript库的区别21
第2章  jquery选择器22
2.1  基本选择器22
2.1.1  标签选择器23
2.1.2  id选择器24
2.1.3  类选择器24
2.1.4  使用选择器组合25
2.1.5  使用*通配符选择器25
2.2  层次选择器25
2.2.1  后代选择器27
2.2.2  父子选择器27
2.2.3  相邻选择器28
2.2.4  级选择器29
2.3  过滤选择器30
2.3.1  基本过滤选择器30
2.3.2  内容过滤选择器33
2.3.3  可见过滤选择器35
2.3.4  属过滤选择器37
2.3.5  子元素过滤选择器38
2.3.6  表单对象属过滤器40
2.4  表单选择器42
2.5  常见问题44
2.5.1  $("input")和$(":input")两个选择器的区别44
2.5.2  子选择器和后代选择器的区别44
2.5.3  获得class为sub的元素的子节点下的所有标签45
第3章  用jquery来作dom46
3.1  修改元素属46
3.1.1  获取元素的属46
3.1.2  设置元素的属48
3.2  修改元素内容49
3.3  动态创建内容51
3.4  动态插入节点51
3.5  动态删除节点55
3.6  实例1：超提示效果56
3.7  实例2：图片预览效果58
3.8  常见问题60
3.8.1  tagname和attribute的区别60
3.8.2  attr方法和prop方法都用于获取元素的属吗61
第4章  jquery的事件与事件对象62
4.1  jquery中的事件62
4.1.1  什么是事件62
4.1.2  jquery所支持的事件和事件类型63
4.2  页面初始化事件65
4.3  绑定事件66
4.4  移除事件绑定69
4.5  切换事件70
4.6  表单中的常见事件71
4.6.1  表单元素焦点的获取和失去71
4.6.2  文本域高度的动态变化72
4.6.3  表单的验证74
4.7  常见问题77
4.7.1  ready与load谁先执行77
4.7.2  绑定事件是不是只有on方法77
第5章  原始ajax与jquery中的ajax78
5.1  两个ajax的对比78
5.1.1  原始ajax应用举例78
5.1.2  使用jquery 中的ajax举例81
5.2  使用jquery的ajax函数进行页面交互82
5.2.1  使用ajax快捷函数82
5.2.2  使用底层函数ajax()84
5.2.3  ajax全局配置和事件86
5.3  跨域的ajax-jsonp88
5.3.1  什么是jsonp89
5.3.2  jsonp的实现89
5.3.3  jsonp在jquery中的应用90
5.4  ajax综合案例——数据实时更新的页面93
5.4.1  的功能分析93
5.4.2  实时更新的代码实现和效果演示93
5.5  常见问题96
5.5.1  jquery中t和$.ajax的区别96
5.5.2  jquery ajax中readystate和status的区别96
第6章  jquery中的动画效果98
6.1  jquery库所支持的动画方法98
6.1.1  基本动画方法98
6.1.2  滑动动画方法99
6.1.3  淡入淡出动画方法99
6.2  实例1：实现可折叠的列表100
6.3  实例2：按钮的淡入淡出效果102
6.4  自定义动画animate104
6.4.1  一个简单的自定义动画104
6.4.2  一个稍微复杂的自定义动画105
6.5  常见问题106
6.5.1  jquery的动画是否能随时停止106
6.5.2  是否可以用animate方法来作所有css属107
第7章  jquery插件108
7.1  认识jquery插件108
7.1.1  什么是插件108
7.1.2  常用的插件113
7.2  开发自己的插件114
7.2.1  jquery的插件类型114
7.2.2  实例1：对象级别的插件开发115
7.2.3  实例2：类级别的插件开发117
7.3  用第三方插件创建自己的120
7.3.1  结构设计121
7.3.2  下载第三方插件122
7.3.3  使用第三方插件123
7.3.4  终效果126
7.4  常见问题127
7.4.1  jquery和jquery插件的区别127
7.4.2  开发或使用jquery插件是否要注意版本128
第8章  jquery的ui插件129
8.1  基于jquery的扩展——jquery ui插件129
8.2  下载jquery ui插件130
8.3  利用jquery ui实现页面交互131
8.3.1  拖动组件draggable的使用131
8.3.2  拖放组件droppable的使用133
8.3.3  实例：模拟windows系统“回收站”134
8.4  利用jquery ui实现页面中的进度条138
8.4.1  进度条工具集的使用138
8.4.2  实例：实现进度条效果139
8.5  利用jquery ui实现页面中的滑动条141
8.5.1  滑动条工具集的使用141
8.5.2  实例1：实现图片滑块滚动条效果142
8.5.3  实例2：实现简单调器145
8.6  利用jquery ui实现页面中的历148
8.6.1  历datepicker的使用148
8.6.2  实例1：一个简单的历应用151
8.6.3  实例2：制作同时显示多个月份的历154
8.6.4  实例3：历的选择范围154
8.6.5  实例4：有动画效果的历显示155
8.7  利用jquery ui实现手风琴效果156
8.7.1  折叠面板工具集的使用156
8.7.2  实例：实现经典的导航菜单157
8.8  设计页面中各种对话框效果159
8.8.1  对话框工具集的使用159
8.8.2  实例：实现弹出和确认信息对话框效果161
8.9  实现幻灯和分页效果164
8.9.1  选项卡工具集的使用165
8.9.2  实例1：经典的选项卡效果166
8.9.3  实例2：实现幻灯效果168
8.9.4  实例3：实现分页效果170
8.10  常见问题173
8.10.1  jquery ui和jquery easy ui的区别173
8.10.2  jquery ui内容太多，如何实现自己定制173
第9章  jquery mobile移动开发174
9.1  初步接触jquery mobile174
9.1.1  下载jquery mobile174
9.1.2  使用dreamweaver编辑器开发jquery mobile175
9.1.3  创建个jquery mobile文件176
9.1.4  在pc上测试jquery mobile176
9.1.5  如何应用jquery mobile开发的页面179
9.2  使用jquery mobile进行开发180
9.2.1  选择页面中的元素180
9.2.2  设置页面中元素的属181
9.3  应用jquery mobile中的控件181
9.3.1  在界面中固定一个工具栏181
9.3.2  使用按钮实现菜单界面183
9.3.3  使用表单做一个手机版登录186
9.3.4  使用列表做一个类贴吧的应用191
9.3.5  使用对话框实现一个相册194
9.4  实例1：利用jquery mobile实现电子书阅读器197
9.5  实例2：利用jquery mobile实现开发印象200
9.6  常见问题202
9.6.1  jquery mobile为什么在切换页面时会出现白屏现象202
9.6.2  data-rel="back"和data-direction="reverse"有什么区别202
0章  实战1：实现邮箱附件的拖放上传功能203
10.1  认识filedrop.js插件203
10.1.1  下载filedrop.js插件204
10.1.2  使用插件实现文件拖拽上传207
10.2  开发图片拖拽上传web应用211
10.2.1  html5文件上传功能211
10.2.2  图片拖拽上传html代码212
10.2.3  图片拖拽上传css代码213
10.2.4  图片拖拽上传js代码215
10.2.5  图片拖拽上传服务器端php代码217
10.2.6  图片拖拽上传web应用终效果218
1章  实战2：利用jquery mobile开发一个手机博客220
11.1  项目规划220
11.2  主界面设计222
11.3  文章列表的设计224
11.4  文章内容页的实现228
11.5  文章类的设计231
11.6  测试环境的搭建233
11.7  数据库的设计238
11.8  内容页功能的实现245
11.9  文章列表的实现249
11.10  首页的实现254
2章  实战3：打造在线播放器257
12.1  认识mediaelement.js插件258
12.1.1  下载音播放器插件258
12.1.2  开发一个简单的播放器应用261
12.1.3  使用mediaelement.js插件模仿windows media yer264
12.2  实现在线播放器266
12.2.1  在页面中添加mediaelement.js267
12.2.2  构建播放器页面布局267
12.2.3  播放器页面初始化268
3章  实战4：构建股票实时走势图270
13.1  准备jqchart图表插件271
13.1.1  下载jqchart图表插件271
13.1.2  开发一个柱状图应用273
13.1.3  开发一个折线图应用283
13.2  构建股票实时走势图288
13.2.1  添加jqchart图表插件库文件288
13.2.2  构建实时图页面的布局289
13.2.3  模拟股票实时图的初始化290
13.2.4  模拟股票实时走势图的终效果293