新書推薦:
《
易经今解:释疑·解惑·见微
》
售價:NT$
403.0
《
东欧史(全二册)-“中间地带”的困境
》
售價:NT$
1010.0
《
虚拟资本:金融怎样挪用我们的未来
》
售價:NT$
352.0
《
刻意练习不生气
》
售價:NT$
179.0
《
大宋理财:青苗法与王安石的金融帝国(全彩插图本)
》
售價:NT$
500.0
《
安全感是内心长出的盔甲
》
售價:NT$
305.0
《
快人一步:系统性能提高之道
》
售價:NT$
505.0
《
我们为什么会做梦:让梦不再神秘的新科学
》
售價:NT$
352.0
|
編輯推薦: |
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript框架。jQuery设计的宗旨是写更少的代码、做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。本书详细介绍jQuery Web前端开发技术,示例清晰易懂,教学视频结合4个项目案例,帮你快速获得和提升Web前端开发的实战能力。
|
內容簡介: |
使用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期间收获颇丰,特地撰写此书,希望对初学者有所帮助。
|
目錄:
|
目 录
第1章 jQuery入门 1
1.1 什么是jQuery 1
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 Mode 7
1.2.2 支持forof遍历 7
1.2.3 动画方面使用requestAnimationFrame API 8
1.2.4 支持SVG 8
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 为什么要使用一些著名公司的CDN 19
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来操作DOM 46
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中的AJAX 78
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-JSONP 88
5.3.1 什么是JSONP 89
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中post和$.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 自定义动画animate 104
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 Mobile 174
9.1.1 下载jQuery Mobile 174
9.1.2 推荐使用Dreamweaver编辑器开发jQuery Mobile 175
9.1.3 创建第一个jQuery Mobile文件 176
9.1.4 在PC上测试jQuery Mobile 176
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 使用表单做一个手机版QQ登录 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
第10章 实战1:实现QQ邮箱附件的拖放上传功能 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
第11章 实战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
第12章 实战3:打造在线播放器 257
12.1 认识MediaElement.js插件 258
12.1.1 下载音视频播放器插件 258
12.1.2 开发一个简单的播放器应用 261
12.1.3 使用MediaElement.js插件模仿Windows Media Player 264
12.2 实现在线播放器 266
12.2.1 在页面中添加MediaElement.js 267
12.2.2 构建播放器页面布局 267
12.2.3 播放器页面初始化 268
第13章 实战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
|
內容試閱:
|
前 言
jQuery是常用的JavaScript方法的一堆封装,它在一定程度上加快了前端开发的速度,同时会缩短项目的开发周期,而且会减少项目中的冗余代码。使用jQuery最大的优点是,jQuery开源而且跨平台,它兼容CSS3,还兼容各种浏览器。
本书的目的是带领读者打开jQuery的学习之门,读者不仅仅可以了解jQuery的语法,还可以熟悉jQuery在现实网页开发中的应用方法和技巧。
本书改版说明
最早jQuery的优势在于更好的浏览器兼容性和更快的JavaScript书写速度,而从jQuery 3.0开始,放弃了IE67等旧版本浏览器的支持,所以为方便读者的使用,本书在jQuery 3.x版本的基础上进行了全面修订,并使用Chrome和Firefox较新版进行测试,以保证在更多的生产环境中可以使用。
jQuery 3.X支持ECMAScript 6的很多写法,也采用新的requestAnimationFrame API来执行动画,这些都提高了它的生产效率,也保证了使用者可以在不改变代码或改动更少的情况下更新应用。
本书特点
本书力求让读者没有任何难度地学习jQuery,写作时利用以下特点降低难度:
? 一个语法一个应用示例:每个语法都配备一个动手示例,读者看完语法后,可通过动手实验来融会贯通。
?一个技术一个大型项目:不管是jQuery UI,还是jQuery Mobile,本书都给出了一个大型项目供读者在实际开发中了解框架的使用。
? 完善的代码、技巧和说明:每一个难点本书都给出了比较完整的说明和技巧演示,让读者在学习的时候还能举一反三,加深印象。
本书内容
本书提供了完整的jQuery学习路线,主要内容包括:jQuery环境搭建,jQuery选择器,用jQuery来操作DOM,jQuery的事件与事件对象,jQuery与AJAX的交互,jQuery动画效果,jQuery插件, jQuery的UI插件,jQuery Mobile移动开发, QQ邮箱附件的拖放上传实例,利用jQuery Mobile开发手机博客实例,在线播放器实例以及股票实时走势图实例。
源码、课件与教学视频下载
本书示例源码、课件与教学视频下载,请扫描右侧二维码获取。
如果下载有问题,请发送电子邮件到booksaga@126.com,邮件主题为jQuery前端开发实战。
本书读者和作者
本书是一本jQuery前端实战书,主要适合以下人群:
? jQuery初学者,网页开发培训班的学员
? 富客户端网站开发人员,自学网站开发的个人站长
? 跨平台HTML 5前端移动开发人员
? 使用微信jssdk的入门级开发人员
本书由刘鑫编著,其他参与创作的还有吴贵文、薛淑英、董山海。
编 者
2019年2月
|
|