jQuery从入门到精通PDF电子书下载

第1篇 基础知识 2

第1章 Web应用开发概述 2

1.1 网络程序开发体系结构 3

1.1.1 C/S结构介绍 3

1.1.2 B/S结构介绍 3

1.1.3 两种体系结构的比较 4

1.2 Web简介 5

1.2.1 什么是Web 5

1.2.2 Web的工作原理 5

1.2.3 Web的发展历程 6

1.3 Web开发技术 7

1.3.1 客户端应用技术 7

1.3.2 服务器端应用技术 10

1.4 小结 11

第2章 JavaScript概述 12

2.1 JavaScript简述 13

2.1.1 什么是JavaScript 13

2.1.2 JavaScript的作用 13

2.1.3 JavaScript的基本特点 16

2.2 编写JavaScript的工具 17

2.2.1 记事本 17

2.2.2 FrontPage 18

2.2.3 Dreamweaver 20

2.3 编写第一个JavaScript程序 23

2.3.1 编写JavaScript程序 23

2.3.2 运行JavaScript程序 26

2.3.3 调试JavaScript程序 26

2.4 JavaScript内置对象 28

2.4.1 JavaScript的内置类框架 28

2.4.2 数组 30

2.4.3 Date对象 30

2.4.4 String对象 34

2.5 BOM对象编程 38

2.5.1 什么是BOM对象 38

2.5.2 BOM对象编程 38

2.6 JavaScript库 42

2.6.1 什么是JavaScript库 42

2.6.2 常用JavaScript库简介 43

2.7 小结 44

2.8 练习与实践 44

第3章 初识jQuery 45

3.1 jQuery简述 46

3.1.1 jQuery能做什么 46

3.1.2 jQuery的特点 47

3.1.3 jQuery的版本 48

3.2 jQuery下载与配置 50

3.2.1 下载jQuery 50

3.2.2 配置jQuery 52

3.2.3 我的第一个jQuery脚本 52

3.3 jQuery对象和DOM对象 53

3.3.1 jQuery对象和DOM对象简介 53

3.3.2 jQuery对象和DOM对象的相互转换 55

3.4 解决jQuery和其他库的冲突 57

3.4.1 jQuery库在其他库之前导入 57

3.4.2 jQuery库在其他库之后导入 58

3.5 jQuery插件简介 59

3.5.1 插件的使用 59

3.5.2 流行的插件 60

3.6 小结 62

3.7 练习与实践 63

第4章 使用jQuery选择器 64

4.1 jQuery的工厂函数 65

4.2 jQuery选择器是什么 65

4.3 jQuery选择器的优势 65

4.3.1 代码更简单 66

4.3.2 支持CSS1到CSS3选择器 66

4.3.3 完善的检测机制 66

4.4 基本选择器 68

4.4.1 ID选择器（#id） 68

4.4.2 元素选择器（element） 69

4.4.3 类名选择器（.class） 71

4.4.4 复合选择器（selector1,selector2,selectorN） 72

4.4.5 通配符选择器（＊） 74

4.5 层次选择器 74

4.5.1 ancestor descendant选择器 75

4.5.2 parent＞child选择器 76

4.5.3 prev+next选择器 78

4.5.4 prev～siblings选择器 79

4.6 过滤选择器 80

4.6.1 简单过滤器 81

4.6.2 内容过滤器 83

4.6.3 可见性过滤器 84

4.6.4 表单对象的属性过滤器 85

4.6.5 子元素过滤器 87

4.7 属性过滤器 87

4.8 表单选择器 88

4.9 选择器中的一些注意事项 90

4.9.1 选择器中含有特殊符号的注意事项 90

4.9.2 选择器中含有空格的注意事项 90

4.10 综合实例：隔行换色鼠标指向表格并且行变色 91

4.11 小结 93

4.12 练习与实践 93

第5章 使用jQuery操作DOM 94

5.1 DOM操作的分类 95

5.2 对元素的内容和值进行操作 95

5.2.1 对元素内容操作 96

5.2.2 对元素值操作 99

5.3 对DOM节点进行操作 100

5.3.1 创建节点 100

5.3.2 查找节点 102

5.3.3 插入节点 102

5.3.4 删除、复制与替换节点 104

5.3.5 遍历节点 108

5.3.6 包裹节点 109

5.4 对元素属性进行操作 110

5.5 对元素的CSS样式操作 111

5.5.1 通过修改CSS类实现 111

5.5.2 通过修改CSS属性实现 112

5.6 综合实例：实现我的开心小农场 112

5.7 小结 114

5.8 练习与实践 114

第2篇 核心技术 116

第6章 jQuery中的事件处理 116

6.1 JavaScript事件处理 117

6.1.1 事件与事件名称 117

6.1.2 JavaScript的常用事件 117

6.1.3 event对象 120

6.2 页面加载响应事件 123

6.3 jQuery中的事件 125

6.4 事件绑定 126

6.4.1 为元素绑定事件 126

6.4.2 移除绑定 128

6.4.3 绑定一次性事件处理 129

6.5 模拟用户操作 130

6.5.1 模拟用户的操作触发事件 131

6.5.2 模仿悬停事件 132

6.6 事件捕获与事件冒泡 133

6.6.1 什么是事件捕获与事件冒泡 133

6.6.2 事件对象 135

6.6.3 阻止事件冒泡 135

6.6.4 阻止浏览器默认行为 136

6.6.5 事件对象的属性 137

6.7 小结 139

6.8 练习与实践 139

第7章 jQuery中的动画效果 140

7.1 隐藏匹配元素 141

7.2 显示匹配元素 141

7.3 切换元素的可见状态 143

7.4 淡入淡出的动画效果 144

7.5 滑动效果 145

7.5.1 滑动显示匹配的元素 145

7.5.2 滑动隐藏匹配的元素 147

7.5.3 通过高度的变化动态切换元素的可见性 147

7.5.4 实战模拟：伸缩式导航菜单 148

7.6 自定义的动画效果 150

7.6.1 使用animate（）方法创建自定义动画 150

7.6.2 使用stop（）方法停止动画 151

7.6.3 判断元素是否处于动画状态 151

7.6.4 延迟动画的执行 152

7.7 综合实例：实现图片传送带效果 152

7.8 小结 155

7.9 练习与实践 155

第8章 使用jQuery处理图片和幻灯片 156

8.1 jQuery操作图片 157

8.1.1 Lightbox 157

8.1.2 使用Jcrop剪裁图片 166

8.2 jQuery实现幻灯片切换效果 171

8.2.1 交叉渐变幻灯片 171

8.2.2 滚动幻灯片 175

8.3 综合实例：使用jQuery制作下拉菜单 179

8.4 小结 180

8.5 练习与实践 180

第9章 使用jQuery操作表单 181

9.1 HTML表单概述 182

9.1.1 表单属性 183

9.1.2 输入标记＜input＞ 184

9.1.3 文本域标记＜textarea＞ 189

9.1.4 菜单和列表标记 190

9.2 使用jQuery操作表单元素 191

9.2.1 操作文本框 191

9.2.2 操作文本域 193

9.2.3 操作单选按钮和复选框 196

9.2.4 操作下拉框 199

9.2.5 表单验证 201

9.3 综合实例：删除记录时的提示效果 202

9.4 小结 204

9.5 练习与实践 204

第10章 使用jQuery操作表格和树 205

10.1 jQuery表格 206

10.1.1 控制表格颜色显示 206

10.1.2 表格的展开与关闭 208

10.1.3 表格内容的筛选 210

10.2 使用jQuery操作树 212

10.2.1 使用jQuery操作树 212

10.2.2 通过事件委托处理树 213

10.3 综合实例：jQuery对表格的综合操作 215

10.4 小结 219

10.5 练习与实践 219

第11章 Ajax在jQuery中的应用 220

11.1 Ajax技术简介 221

11.1.1 Ajax概述 221

11.1.2 Ajax开发模式 221

11.1.3 Ajax技术的优点 222

11.1.4 Ajax技术的缺点 222

11.2 安装Web运行环境——AppServ 223

11.3 通过JavaScript应用Ajax 225

11.4 jQuery中的Ajax应用 226

11.4.1 load（）方法 227

11.4.2 使用$.get（）方法请求数据 229

11.4.3 使用$.post（）方法请求数据 230

11.4.4 $.getScript（）方法加载js文件 231

11.4.5 $.getJSON（）方法加载JSON文件 232

11.4.6 使用$.ajax（）方法请求数据 234

11.4.7 使用serialize（）方法序列化表单 235

11.5 Ajax的全局事件 237

11.5.1 Ajax全局事件的参数及功能 237

11.5.2 ajaxStart与ajaxStop全局事件 238

11.6 综合实例：Ajax实现留言板即时更新 239

11.7 小结 241

11.8 练习与实践 241

第3篇 高级应用 244

第12章 jQuery UI插件的使用 244

12.1 初识jQuery UI插件 245

12.1.1 jQuery UI概述 245

12.1.2 jQuery UI的下载 245

12.1.3 jQuery UI的使用 247

12.1.4 jQuery UI的工作原理 248

12.1.5 jQuery UI中的插件 250

12.2 jQuery UI的常用插件 250

12.2.1 折叠面板（Accordion）的使用 250

12.2.2 自动完成（Autocomplete）插件的使用 253

12.2.3 按钮（Button）的使用 256

12.2.4 日期选择器（Datepicker）的使用 258

12.2.5 对话框（Dialog）的使用 261

12.2.6 菜单（Menu）的使用 266

12.2.7 进度条（Progressbar）的使用 269

12.2.8 滑块（Slider）的使用 271

12.2.9 微调按钮（Spinner）的使用 274

12.2.10 选项卡（Tabs）的使用 276

12.2.11 工具提示框（Tooltip）的使用 278

12.2.12 自由拖拽类（draggable）的使用 281

12.3 小结 283

12.4 练习与实践 283

第13章 常用的第三方jQuery插件 284

13.1 jQuery插件概述 285

13.1.1 什么是jQuery插件 285

13.1.2 常用的第三方jQuery插件 285

13.1.3 如何调用第三方jQuery插件 286

13.2 常用的jQuery插件的使用 286

13.2.1 uploadify插件（文件上传） 287

13.2.2 zTree插件（树菜单） 291

13.2.3 Validation插件（表单验证） 301

13.2.4 Nivo Slider插件（图片切换） 303

13.2.5 Pagination插件（数据分页） 306

13.2 6 jQZoom插件（图片放大镜） 309

13.3 综合实例：使用ColorPicker插件制作颜色选择器 311

13.4 小结 312

13.5 练习与实践 312

第14章 jQuery必知的工具函数 313

14.1 jQuery工具函数概述 314

14.2 工具函数的分类 314

14.3 数组和对象的操作 314

14.3.1 遍历数据 314

14.3.2 数据筛选 316

14.3.3 数据检索 317

14.3.4 数据变更 319

14.4 字符串操作 320

14.5 测试操作 321

14.5.1 检测对象是否为空 321

14.5.2 检测两个节点的包含关系 322

14.5.3 检测指定参数是否为函数 323

14.5.4 检测指定对象是否为原始对象 324

14.6 URL操作 325

14.7 其他工具函数 326

14.8 工具函数的扩展 328

14.8.1 使用$.extend（）扩展工具函数 328

14.8.2 使用$.extend（）扩展Object对象 329

14.9 小结 330

14.10 练习与实践 330

第15章 jQuery的开发技巧 331

15.1 快速控制页面元素 332

15.1.1 获取鼠标位置 332

15.1.2 居中显示元素 333

15.2 调用jQuery中的方法 335

15.2.1 使用预加载方法预览图片 335

15.2.2 延迟加载图片 338

15.2.3 通过html（）方法判断元素是否为空 339

15.3 灵活使用jQuery中的事件 340

15.3.1 屏蔽鼠标右键菜单 340

15.3.2 限制文本输入框中输入字符的个数 341

15.4 常用自定义方法 343

15.4.1 自定义选择器 343

15.4.2 自定义样式 344

15.5 其他开发技巧与方法 346

15.5.1 隐藏搜索文本框文字 346

15.5.2 统计元素个数 348

15.6 小结 349

15.7 练习与实践 349

第16章 jQuery各个版本的变化 350

16.1 jQuery1.3 版本 351

16.2 jQuery1.4 版本 352

16.3 jQuery1.5 版本 353

16.4 jQuery1.6 版本 354

16.5 jQuery1.7 版本 354

16.6 jQuery1.8 版本 355

16.7 jQuery1.9 版本 355

16.8 jQuery1.10 版本 359

16.9 小结 359

第17章 jQuery的性能优化 360

17.1 选择器性能优化 361

17.1.1 优先使用ID选择器 361

17.1.2 在class之前使用tag标记 361

17.1.3 使用jQuery的对象缓存 362

17.1.4 使用子查询优化选择器的性能 363

17.1.5 优化选择器以适用Sizzle的“从右至左”模型 365

17.1.6 利用强大的链式操作 365

17.1.7 给选择器一个上下文 365

17.2 优化DOM操作 367

17.3 事件性能的优化 368

17.3.1 将事件推迟到$(window).load（） 368

17.3.2 使用delegate（）方法为元素添加事件 369

17.4 使用方法优化性能 370

17.4.1 使用data方法存取普通数据 370

17.4.2 使用data方法存取JSON数据 371

17.4.3 使用target（）方法优化事件中的冒泡现象 373

17.5 其他常用的jQuery性能优化建议 374

17.5.1 使用最新版本的jQuery 374

17.5.2 使用HTML5 374

17.5.3 给15个以上元素添加样式，直接给DOM元素添加style标签 374

17.5.4 避免载入多余的代码 375

17.5.5 压缩成一个JS文件，将下载次数保持到最少 375

17.5.6 必要时使用原生的JavaScript 375

17.6 小结 375

17.7 练习与实践 375

第18章 jQuery在HTML5中的应用 376

18.1 HTML5基础 377

18.1.1 HTML的发展历程 377

18.1.2 HTML5的新特性 377

18.1.3 浏览器对HTML5的支持 378

18.2 jQuery与HTML5编程 379

18.2.1 显示文件上传的进度条 379

18.2.2 Canvas绘图 383

18.2.3 jQuery+HTML5实现图片旋转效果 385

18.2.4 基于HTML5播放声音的jQuery插件audioPlay 388

18.2.5 Web Storage编程 389

18.3 综合实例：旅游信息网前台页面设计 393

18.3.1 网站预览 393

18.3.2 网站主体结构设计 397

18.3.3 HTML5结构元素的使用 397

18.3.4 网站公共部分设计 398

18.3.5 网站主页设计 403

18.3.6 “留下足迹”页面设计 406

18.4 小结 407

18.5 练习与实践 407

第19章 jQuery Mobile 408

19.1 初识jQuery Mobile 409

19.1.1 jQuery Mobile工作原理 409

19.1.2 jQuery Mobile的主要特性 409

19.2 jQuery Mobile安装和使用 410

19.3 第一个jQuery Mobile实例 410

19.4 jQuery Mobile组件 412

19.4.1 页面设计 412

19.4.2 对话框设计 415

19.4.3 弹出框 416

19.4.4 工具栏设计 421

19.4.5 按钮设计 423

19.5 列表设计 426

19.6 jQuery Mobile API接口应用 427

19.6.1 默认配置设置 427

19.6.2 方法 428

19.6.3 事件 429

19.7 小结 431

19.8 练习与实践 432

第4篇 项目实战 434

第20章 PHP+jQuery+Ajax实现产品之家 434

20.1 网站概述 435

20.2 系统设计 435

20.2.1 系统目标 435

20.2.2 系统功能结构 435

20.2.3 开发环境 436

20.2.4 网页预览 436

20.2.5 文件夹组织结构 439

20.3 数据库设计 439

20.3.1 数据库设计 439

20.3.2 数据表设计 440

20.4 公共文件设计 442

20.4.1 数据库连接、管理类文件 442

20.4.2 Smarty模板配置类文件 444

20.5 前台首页设计 444

20.5.1 广告宣传图片展示 445

20.5.2 产品图片展示 448

20.6 产品列表页面设计 449

20.6.1 产品搜索 449

20.6.2 产品列表 451

20.7 产品描述页面设计 453

20.8 产品评分页面设计 456

20.8.1 产品用户评分 456

20.8.2 推荐产品 461

20.9 代理加盟页面设计 462

20.10 后台产品管理模块 465

20.10.1 后台功能概述 465

20.10.2 产品管理模块介绍 466

20.11 运行项目 474

20.12 小结 476