jQuery 前端开发实战 PDF 高清版

使用jQuery能使网页开发更高效，网页更绚丽多彩，用户体验更具现代感和易用性。本书用于jQuery入门，书中每一个知识点都给出实际应用示例，帮助读者快速掌握jQuery。 本书内容包括jQuery基础语法，jQuery开发与调试工具，选择器的使用，DOM操作，事件，AJAX技术，动画效果，jQuery 插件，jQuery UI，jQuery Mobile，以及jQuery在实际开发中的4个具体实例。 本书既适合jQuery初学者、jQuery前端开发人员、jQuery Mobile开发人员使用，也适合作为高等院校和培训学校相关专业的师生教学参考。

编辑推荐

 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript框架。jQuery设计的宗旨是写更少的代码、做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。本书详细介绍jQuery Web前端开发技术，示例清晰易懂，教学视频结合4个项目案例，帮你快速获得和提升Web前端开发的实战能力。 

目录

• 第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  支持for…of遍历    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