目  录

第1章  初识jQuery 1

 视频讲解：43分钟

1.1  jQuery概述 1

1.1.1  jQuery能帮我做什么 1

1.1.2  我需要学习jQuery 2

1.2  使用jQuery 5

1.2.1  下载jQuery 6

1.2.2  安装jQuery 6

1.2.3  测试jQuery 7

1.3  jQuery框架的优势 8

1.4  jQuery框架核心功能 9

1.4.1  对外接口单一让使用更简单 9

1.4.2  链式语法让编码更快速、优雅 9

1.4.3  模仿CSS选择器让选取元素

更精确、灵活 11

1.4.4  扩展接口让jQuery更开放、富有活力 13

1.5  初学jQuery最容易混淆的几个概念 14

1.5.1  jQuery对象不等于DOM对象 14

1.5.2  jQuery对象与DOM对象之间的转换 15

1.5.3  jQuery的ready不等于JavaScript的

load 17

1.6  学习资源 19

1.6.1  jQuery开发工具 19

1.6.2  jQuery参考手册 19

1.6.3  jQuery在线资源 20

第2章  使用选择器 21

 视频讲解：1小时28分钟

2.1  基本选择器 21

2.1.1  ID选择器 21

2.1.2  标签选择器 23

2.1.3  类选择器 24

2.1.4  通配选择器 25

2.1.5  组选择器 26

2.2  层级选择器 27

2.2.1  包含选择器 28

2.2.2  子选择器 29

2.2.3  相邻选择器 30

2.2.4  兄弟选择器 31

2.2.5  层级选择器综合应用 32

2.2.6  解析层级选择器实现原理 34

2.3  简单的伪类选择器 37

2.3.1  特定位置选择器 37

2.3.2  指定范围选择器 39

2.3.3  排除选择器 40

2.3.4  特殊选择器 41

2.3.5  解析简单伪类选择器的实现原理 42

2.4  与内容相关的伪类选择器 42

2.4.1  匹配包含文本选择器 43

2.4.2  匹配包含元素选择器 44

2.4.3  包含判断选择器 45

2.4.4  解析内容过滤器实现原理 45

2.5  与元素显示状态相关的伪类选择器 46

2.6  匹配子元素的伪类选择器 47

2.7  与表单对象相关的伪类选择器 49

2.8  与表单属性相关的伪类选择器 53

2.9  属性选择器 54

2.10  jQuery选择器应用优化 58

第3章  使用过滤器 61

 视频讲解：55分钟

3.1  过滤 61

3.1.1  类过滤 61

3.1.2  下标过滤 63

3.1.3  表达式过滤 64

3.1.4  判断 67

3.1.5  映射 67

3.1.6  清洗 69

3.1.7  截取 69

3.2  查找 70

3.2.1  向下查找后代元素 71

3.2.2  向上查找祖先元素 73

3.2.3  向上查找兄弟元素 78

3.2.4  向下查找兄弟元素 80

3.2.5  查找兄弟元素 83

3.2.6  添加查找对象 84

3.3  串联 84

3.3.1  绑定前后jQuery对象 85

3.3.2  返回前一个jQuery对象 86

第4章  DOM操作 87

 视频讲解：2小时10分钟

4.1  创建节点 88

4.1.1  创建元素 89

4.1.2  输入文本 90

4.1.3  设置属性 90

4.2  插入内容 92

4.2.1  内部插入 92

4.2.2  外部插入 96

4.3  删除内容 98

4.3.1  移出 99

4.3.2  清空 101

4.3.3  分离 101

4.4  克隆内容 103

4.5  替换内容 105

4.6  包裹内容 107

4.6.1  外包 107

4.6.2  内包 108

4.6.3  总包 110

4.6.4  卸包 111

4.7  属性操作 111

4.7.1  设置属性 112

4.7.2  访问属性 115

4.7.3  删除属性 118

4.8  类操作 120

4.8.1  添加类样式 120

4.8.2  删除类样式 121

4.8.3  切换类样式 122

4.8.4  判断样式 124

4.9  读写文本和值 124

4.9.1  读写HTML 124

4.9.2  读写文本 126

4.9.3  读写值 127

4.10  样式表操作 129

4.10.1  读写CSS样式 129

4.10.2  绝对定位 133

4.10.3  相对定位 134

4.10.4  设置大小 136

4.11  访问文档树 137

第5章  事件处理 140

 视频讲解：1小时30分钟

5.1  事件处理模型 140

5.1.1  原始事件模型 140

5.1.2  DOM事件模型 141

5.1.3  IE事件模型 144

5.2  事件处理机制 146

5.2.1  Event对象 147

5.2.2  事件流 148

5.2.3  事件控制 151

5.3  jQuery事件封装机制 151

5.3.1  注册事件 152

5.3.2  注销事件 155

5.4  jQuery事件应用 157

5.4.1  事件触发 158

5.4.2  事件切换 159

5.4.3  事件委派 163

5.4.4  事件命名空间 165

5.4.5  绑定多个事件 167

5.4.6  自定义事件 168

5.4.7  页面初始化事件 169

第6章  Ajax应用 172

 视频讲解：1小时12分钟

6.1  XMLHttpRequest基础 172

6.1.1  XMLHttpRequest对象 172

6.1.2  实例化XMLHttpRequest 173

6.1.3  建立连接 174

6.1.4  请求和响应 175

6.2  jQuey Ajax 177

6.2.1  设计一个简单的示例 178

6.2.2  GET请求 179

6.2.3  POST请求 182

6.2.4  ajax()方法请求 184

6.2.5  响应状态 186

6.2.6  响应信息 188

6.2.7  载入网页文件 190

6.2.8  预设参数项 192

6.2.9  预处理字符串 193

第7章  动画设计 196

 视频讲解：1小时23分钟

7.1  CSS动画设计基础 196

7.2  显隐动画 198

7.2.1  简单的显示和隐藏 199

7.2.2  控制显示速度 200

7.2.3  显隐切换 201

7.2.4  折叠动画 202

7.2.5  树形动画 204

7.2.6  选项卡动画 207

7.3  滑动动画 208

7.3.1  显隐滑动效果 209

7.3.2  显隐切换滑动 210

7.4  渐变效果 212

7.4.1  淡入和淡出 212

7.4.2  设置淡出透明效果 214

7.4.3  渐变切换 215

7.5  复杂动画 216

7.5.1  模拟show()方法的效果 217

7.5.2  自定义动画 218

7.5.3  动态定位 221

7.5.4  停止动画 222

7.5.5  关闭动画 223

7.5.6  设置动画频率 224

7.5.7  延迟动画 225

7.6  动画队列 225

7.6.1  添加动画队列 225

7.6.2  显示动画队列 227

7.6.3  更新动画队列 227

7.6.4  删除动画队列 229

第8章  工具函数 230

 视频讲解：1小时21分钟

8.1  jQuery标志 230

8.1.1  检测用户代理 230

8.1.2  检测版本号 233

8.1.3  检测盒模型 234

8.1.4  检测功能或缺陷 234

8.2  兼容JavaScript库 235

8.3  对象和集合操作 238

8.3.1  处理字符串 238

8.3.2  把对象转换为字符串 239

8.3.3  判断数组类型 240

8.3.4  判断函数类型 241

8.3.5  判断特殊对象 242

8.3.6  对数组和集合进行迭代 243

8.3.7  生成数组 245

8.3.8  对数组进行筛选 246

8.3.9  对数组进行转换 247

8.3.10  把多个数组合并在一起 249

8.3.11  删除数组中重复元素 251

8.3.12  在数组中查找指定值 252

8.4  缓存 252

8.4.1  定义缓存 253

8.4.2  读取缓存 255

8.4.3  删除缓存 256

第9章  功能扩展 259

 视频讲解：1小时32分钟

9.1  自定义插件 259

9.1.1  jQuery插件形式 259

9.1.2  自定义jQuery插件基本规则 260

9.1.3  使用extend()函数 261

9.1.4  自定义jQuery函数 265

9.1.5  自定义jQuery命令 267

9.1.6  自定义选择器 271

9.2  封装和优化插件 275

9.2.1  封装插件 275

9.2.2  优化插件 277

9.3  案例实战：制作jQuery文字提示

插件 283

9.3.1  功能讲解 283

9.3.2  构建结构 283

9.3.3  设计思路 284

9.3.4  难点突破 286

9.3.5  代码实现 287

9.3.6  应用插件 290

第10章  表格开发 291

 视频讲解：1小时10分钟

10.1  数据排序 291

10.1.1  构建符合数据排序的表格结构 291

10.1.2  JavaScript的基本排序方法 293

10.1.3  实现表格基本排序 296

10.1.4  优化排序性能 298

10.1.5  设计其他类型排序 299

10.1.6  完善排序交互的视觉效果 301

10.2  数据分页 303

10.2.1  服务器端分页 303

10.2.2  JavaScript实现分页 307

10.3  数据过滤 310

10.3.1  快速过滤数据 310

10.3.2  处理多关键字匹配 311

10.3.3  处理特定列过滤 311

10.3.4  合成数据过滤器 312

10.4  数据编辑 314

10.4.1  快速编辑数据 314

10.4.2  完善数据编辑功能 315

第11章  表单开发 318

 视频讲解：2小时9分钟

11.1  设计可用性表单 318

11.1.1  设计表单结构 318

11.1.2  设计表单图标 320

11.1.3  设计提示信息 321

11.1.4  设计条件字段 322

11.2  表单验证 324

11.2.1  验证服务概述 324

11.2.2  认识正则表达式 325

11.2.3  字符匹配 327

11.2.4  重复匹配 331

11.2.5  高级匹配 335

11.2.6  匹配操作 342

11.2.7  联系表单验证 347

11.3  增强型表单 350

11.3.1  自适应多行文本框 350

11.3.2  注册码文本框 352

11.3.3  掩码输入文本框 357

第12章  jQuery UI开发概述 362

 视频讲解：49分钟

12.1  jQuery UI开发 362

12.1.1  设计思想 362

12.1.2  设计体验 366

12.2  使用jQuery UI库 372

12.2.1  认识jQuery插件库 373

12.2.2  使用外部插件 373

12.2.3  认识UI插件 376

12.2.4  建立开发环境 377

12.2.5  jQuery UI库结构 377

12.2.6  主题定制器 378

12.2.7  如何使用jQuery UI组件 379

12.2.8  组件类别 379

12.2.9  浏览器支持 380

第13章  jQuery UI交互开发 381

 视频讲解：40分钟

13.1  拖放 381

13.1.1  拖动对象 382

13.1.2  投放对象 388

13.2  缩放 392

13.3  选择 396

13.4  排序 400

第14章  jQuery UI部件开发 405

 视频讲解：51分钟

14.1  选项卡 405

14.2  手风琴 410

14.3  对话框 415

14.4  滑动条 420

14.5  日期选择器 425

第15章  jQuery UI特效开发 431

 视频讲解：49分钟

15.1  特效核心 432

15.2  高亮 434

15.3  弹跳 436

15.4  摇晃 439

15.5  转换 440

15.6  缩放 441

15.7  爆炸 442

15.8  抖动 444

15.9  落体 445

15.10  滑动 447

15.11  剪辑 448

15.12  百叶窗 449

15.13  折叠 450

第16章  jQuery框架透析之函数式基础 452

 视频讲解：2小时40分钟

16.1  定义函数 453

16.1.1  构造函数 453

16.1.2  函数直接量 455

16.1.3  选择恰当的方法 456

16.2  使用函数 458

16.2.1  函数调用 458

16.2.2  生命周期 459

16.2.3  形参和实参 460

16.2.4  参数对象Arguments 461

16.2.5  回调函数callee 463

16.2.6  返回值 463

16.3  函数对象 464

16.4  动态指针 466

16.4.1  认识this 466

16.4.2  this对象 468

16.4.3  this应用 471

16.4.4  this陷阱 474

16.5  动态调用 478

16.6  函数作用域 481

16.6.1  词法作用域与执行作用域 482

16.6.2  作用域链 484

16.6.3  调用对象 485

16.7  闭包函数 486

16.7.1  认识闭包 487

16.7.2  闭包基本特性 488

16.7.3  闭包基本用法 489

16.7.4  闭包标识系统 491

16.7.5  闭包函数作用域 492

16.7.6  闭包函数生存周期 494

16.7.7  比较函数和闭包 495

16.7.8  闭包函数与函数实例 496

16.7.9  闭包函数和调用对象 499

16.7.10  闭包独立性 501

16.7.11  构造函数闭包 502

16.7.12  应用闭包函数 503

16.7.13  闭包副作用 507

第17章  jQuery框架透析之面向

对象基础 510

 视频讲解：4小时44分钟

17.1  定义对象 510

17.1.1  认识对象 511

17.1.2  定义对象 512

17.2  使用对象 513

17.2.1  引用对象 513

17.2.2  销毁对象 514

17.2.3  定义对象属性 514

17.2.4  访问对象属性 515

17.2.5  操作对象属性 515

17.2.6  操作对象方法 516

17.3  对象作用域 517

17.3.1  公共作用域 517

17.3.2  私有作用域 518

17.3.3  静态作用域 518

17.3.4  对象指针this 518

17.4  对象类型 519

17.4.1  构造对象 519

17.4.2  实例对象 521

17.4.3  原型对象 521

17.4.4  构造器constructor 524

17.5  核心方法 525

17.5.1  toString()方法 526

17.5.2  valueOf()方法 527

17.5.3  hasOwnProperty()方法 528

17.5.4  propertyIsEnumerable()方法 528

17.5.5  isPrototypeOf()方法 530

17.6  核心对象 530

17.6.1  对象系统 531

17.6.2  Global对象 531

17.6.3  Math对象 532

17.6.4  Date对象 534

17.7  类型 535

17.7.1  认识类 535

17.7.2  定义类 536

17.8  接口 541

17.8.1  认识接口 541

17.8.2  定义接口 542

17.9  原型 546

17.9.1  认识prototype 546

17.9.2  原型特性 548

17.9.3  原型操作 550

17.9.4  定义静态原型 554

17.9.5  原型域和原型域链 554

17.10  继承 556

17.10.1  原型继承 556

17.10.2  类继承（上） 557

17.10.3  类继承（下） 561

17.10.4  实例继承 563

17.10.5  复制继承 564

17.10.6  克隆继承 565

17.10.7  混合继承 565

17.10.8  多重继承 566

17.11  封装 570

17.11.1  被动封装 570

17.11.2  主动封装 571

17.11.3  静态方法 573

17.12  重载和多态 575

17.12.1  重载 575

17.12.2  覆盖 575

17.12.3  多态 576

17.13  构造和析构 577

17.13.1  构造 577

17.13.2  析构 579

17.14  扩展 580

17.14.1  超类和子类 580

17.14.2  元类 581

第18章  jQuery框架透析之实战 583

 视频讲解：1小时52分钟

18.1  设计思路 583

18.2  设计框架 584

18.2.1  定义构造函数 585

18.2.2  返回jQuery对象 586

18.2.3  设计作用域 587

18.2.4  跨域访问 588

18.2.5  设计选择器 589

18.2.6  设计迭代器 590

18.2.7  设计扩展接口 592

18.2.8  解决参数传递问题 594

18.2.9  设计名字空间 595

18.3  构建jQuery对象 596

18.4  构建jQuery DOM元素 599

18.4.1  生成DOM元素 599

18.4.2  间接引用DOM节点 602

18.4.3  采用CSS方式查找DOM节点 604

18.5  类数组 607

18.5.1  构建类数组 607

18.5.2  操作类数组 608

18.6  Sizzle引擎 612

18.6.1  设计思路 612

18.6.2  设计框架 614

jQuery开发从入门到精通

目    录

VIII

VII