jQuery开发完全技术宝典PDF电子书下载

第1章jQuery开始 1

1.1 jQuery：改变JavaScript代码编写方式 1

1.2 jQuery项目及框架 1

1.2.1 jQuery项目4个部分 1

1.2.2 jQuery框架优势 1

1.3使用jQuery前的准备工作 3

1.3.1安装jQuery库 3

1.3.2导入jQuery库 4

1.3.3编写jQuery代码 4

1.3.4解析jQuery重点代码 4

1.4 jQuery必知的重要特征 5

1.4.1 jQuery代码和JavaScript代码的区别 5

1.4.2 jQuery对象和DOM对象的区别 5

1.4.3把jQuery对象转换为DOM对象 7

1.4.4把DOM对象转换为jQuery对象 8

1.4.5 jQuery构造器 8

1.4.6 jQuery语法 9

1.4.7链式语法注意问题 11

1.4.8 jQuery选择器 11

1.4.9 jQuery事件 13

1.4.10 jQuery扩展 14

1.4.11 jQuery类数组：定义类数组 14

1.4.12 jQuery类数组操作：元素定位、查找、复制和删除 17

第2章jQuery框架实现：选择和操作 22

2.1 jQuery框架解决：选择和操作问题 22

2.2 jQuery框架核心构建过程 23

2.2.1定义jQuery类 23

2.2.2扩展类原型 23

2.2.3添加原型属性和原型方法 24

2.2.4调用原型属性和原型方法 24

2.2.5返回jQuery实例 25

2.2.6解决作用域问题 25

2.2.7解决跨域问题 27

2.3解析jQuery对象 28

2.4操作jQuery对象中的DOM元素 29

2.5 jQuery扩展 31

2.5.1通过extend（）函数实现功能扩展 31

2.5.2应用extend（）函数的好处 31

2.5.3通过extend（） 函数实现对象合并功能 32

2.6 jQuery参数 33

2.7 jQuery名字空间 34

2.7.1封闭问题 35

2.7.2为什么要用到匿名函数 35

2.7.3 JavaScript 函数最核心概念：闭包 36

2.8 jQuery对象是一个选择器 36

2.9 jQuery如何分辨不同类型的参数 37

2.9.1初始化处理 37

2.9.2类型处理 38

2.9.3选择器 39

2.10选择器引擎Sizzle工作原理 40

2.10.1回顾CSS选择器 40

2.10.2拆分选择器的思路 40

2.10.3不同版本的jQuery选择器引擎区别 41

2.10.4选择器与过滤器 41

2.10.5判断选择符适合类型 41

2.10.6 jQuery选择器逻辑流程 42

第3章 使用选择器：选择DOM中的特定元素 48

3.1 jQuery选择器的优势 48

3.2基本选择器 49

3.2.1 ID选择器 49

3.2.2类型选择器 49

3.2.3类选择器 50

3.2.4通配选择器 51

3.2.5分组选择器 52

3.3层级选择器 54

3.3.1关系选择器 54

3.3.2子元素选择器 55

3.4过滤选择器 56

3.4.1定位过滤器 57

3.4.2内容过滤器 59

3.4.3可见过滤器 60

3.5属性选择器 60

3.5.1七类属性选择器 60

3.5.2使用属性选择器示例 61

3.6表单选择器 62

3.6.1基本表单选择器 62

3.6.2高级表单选择器 63

3.7使用过滤器 65

第4章DOM开发详解 67

4.1认识DOM 67

4.1.1 DOM规范不同版本 67

4.1.2 DOM兼容性 69

4.1.3 DOM分解 71

4.1.4 DOM结点 72

4.2使用JavaScript操作DOM 73

4.2.1 HTML DOM加载和处理 74

4.2.2 DOM遍历指针 76

4.2.3文档遍历缺陷及解决方法 78

4.2.4文档遍历演示 79

4.2.5 DOM指针函数 80

4.2.6 DOM原型方法 82

4.2.7读写文档内容 84

4.3使用 JavaScript操作结点 86

4.3.1获取结点 86

4.3.2创建结点 88

4.3.3复制结点 90

4.3.4插入结点 91

4.3.5删除结点 93

4.3.6替换结点 95

4.4使用JavaScript操作属性 96

4.4.1获取结点属性 97

4.4.2设置结点属性 98

4.4.3删除结点属性 99

4.4.4存取JavaScript属性 99

4.5使用JavaScript操作文本内容 100

4.5.1获取元素包含的文本 100

4.5.2获取元素包含的HTML信息 101

第5章 使用jQuery操作DOM 102

5.1使用jQuery创建结点 102

5.1.1创建元素 102

5.1.2创建文本 103

5.1.3创建属性 103

5.2使用jQuery插入元素 104

5.2.1在结点内部插入内容 104

5.2.2在结点外部插入内容 105

5.2.3插入内容的破坏性 106

5.3使用jQuery删除元素 107

5.4使用jQuery复制元素 108

5.5使用jQuery替换元素 109

5.6使用jQuery包裹元素 110

5.7使用jQuery操作属性 111

5.7.1设置属性 111

5.7.2获取属性 111

5.7.3删除属性 111

5.8使用jQuery操作类样式 112

5.8.1追加样式 112

5.8.2移出样式 113

5.8.3切换样式 114

5.8.4判断样式 115

5.9使用jQuery操作HTML、文本和值 115

5.9.1读写HTML字符串 115

5.9.2读写文本内容 116

5.9.3读写表单值 117

5.10使用jQuery操作样式表 118

5.10.1通用CSS样式读写方法 118

5.10.2绝对偏移位置 120

5.10.3相对偏移位置 121

5.10.4元素的宽和高 122

5.11使用jQuery遍历文档树 124

第6章 事件模型 126

6.1认识事件 126

6.1.1什么是事件 126

6.1.2事件驱动模型 127

6.1.3事件监听函数 128

6.1.4异步回调 128

6.2事件流 129

6.2.1事件传播过程 129

6.2.2冒泡型事件流 130

6.2.3捕获型事件流 132

6.2.4 DOM标准事件流 133

6.3 DOM 0级事件模型 134

6.3.1事件处理方式 134

6.3.2定义事件 135

6.3.3调用事件处理函数 136

6.3.4事件处理函数返回值 137

6.3.5事件处理函数参数 138

6.3.6事件中的this关键字 139

6.3.7事件处理函数作用域 140

6.4 DOM 2级事件模型 141

6.4.1认识DOM 2级事件模型 142

6.4.2事件模块与接口 142

6.4.3 DOM 2级事件模型工作机制 143

6.4.4 Event接口 143

6.4.5 UIEvent接口 143

6.4.6 MouseEvent与MutationEvent接口 144

6.4.7绑定事件 144

6.4.8销毁 事件 145

6.4.9注册多个事件 146

6.4.10兼容0级事件模型的处理方法 146

6.4.11兼容IE的事件处理方法 147

6.5 IE事件模型 147

6.5.1认识IE事件模型 148

6.5.2绑定和销毁事件 148

6.5.3设计可兼容的Event对象 150

6.6事件类型 150

6.6.1 DOM标准定义下的几组事件 150

6.6.2 HTML 4.0定义的事件类型 151

6.6.3原始事件和语义事件 152

6.7鼠标事件 153

6.7.1鼠标单击事件 154

6.7.2鼠标移动事件 154

6.7.3鼠标经过事件 156

6.7.4鼠标来源 157

6.7.5鼠标指针定位 158

6.7.6封装鼠标指针定位 159

6.7.7元素内定位鼠标指针 160

6.7.8鼠标按键 161

6.7.9鼠标响应顺序 161

6.8键盘事件 162

6.8.1键盘事件属性 162

6.8.2 ctrlKey和shiftKey属性 163

6.8.3 keyCode和charCode属性 163

6.8.4键盘响应顺序 165

6.9页面事件 166

6.9.1 load事件类型 166

6.9.2 DOMContentLoaded事件类型 169

6.9.3 unload事件类型 171

6.9.4 beforeunload事件类型 171

6.9.5 resize事件类型 171

6.9.6 scroll事件类型 172

6.9.7 error事件类型 173

6.10 UI事件 173

6.10.1 focus事件类型 173

6.10.2 blur事件类型 173

6.11表单事件 174

6.11.1 select事件类型 174

6.11.2 change事件类型 174

6.11.3 submit事件类型 175

6.11.4 reset事件类型 176

第7章 管理事件 178

7.1 jQuery事件模型 178

7.1.1绑定事件：使用bind（）绑定 178

7.1.2绑定事件：快速绑定 179

7.1.3绑定事件：使用one（）绑定 180

7.1.4注销事件 180

7.1.5 Event对象 182

7.1.6事件触发 182

7.1.7事件切换：使用 toggle（） 184

7.1.8事件切换：使用 hover（） 185

7.1.9事件委派 187

7.1.10事件命名空间 189

7.1.11绑定多个事件 190

7.1.12自定义事件 192

7.2 jQuery 页面初始化 192

7.2.1使用ready（）方法 192

7.2.2 ready触发时机 194

7.2.3 ready重复调用 194

7.2.4自定义addLoadEvent（） 195

第8章 操作CSS 197

8.1 CSS 2级脚本模型 197

8.1.1 CSSStyleSheet接口 197

8.1.2 CSSStyleRule接口 198

8.1.3 CSSStyleDeclaration接口 199

8.2 CSS 0级脚本模型 199

8.2.1 Style对象 200

8.2.2读写行内样式 201

8.2.3 styleSheets集合 204

8.2.4访问CSS样式表 206

8.2.5读写 CSS规则 207

8.2.6访问最终样式 210

8.2.7修改CSS样式方法总结 211

8.3设计显隐动态效果 213

8.3.1简单的显隐效果 213

8.3.2折叠效果 215

8.3.3树形结构 216

8.3.4 Tab选项卡 218

8.3.5显隐切换 219

8.4设计滑动动态效果 220

8.4.1滑动显隐效果 220

8.4.2滑动显隐切换 221

8.5设计渐进动态效果 222

8.6设计自定义动画 224

8.6.1自定义动画 224

8.6.2停止动画 227

8.6.3关闭动画 227

第9章 使用Ajax 229

9.1 jQuery对Ajax技术进行j封装 229

9.1.1为什么要采用Ajax技术 229

9.1.2安装虚拟服务器 230

9.1.3创建一个简单的实例 230

9.2使 GET i请求 232

9.3使用POST请求 234

9.4使用 ajax（）请求 235

9.5跟踪状态 237

9.6载入文件 238

9.7 预 设 Ajax选项 240

9.8 处理字符串 242

第10章 使用插件 245

10.1如何开发插件 245

10.1.1 jQuery插件的三种类型 245

10.1.2 jQuery开发团队制定的插件规范 246

10.1.3 jQuery插件工作原理 247

10.1.4添加全局函数 249

10.1.5添加jQuery方法 250

10.1.6如何准确指定当前元素对象 251

10.1.7使用extend（）添加方法 253

10.1.8 jQuery选择器的设计思路 254

10.1.9创建自定义的选择器 255

10.1.10优化默认选择器 256

10.1.11封装插件 259

10.1.12开放公共参数 261

10.1.13开放插件功能 262

10.1.14保留插件隐私 264

10.1.15非破坏性实现 265

10.1.16添加事件日志 267

10.2创建插件 272

10.2.1简化式插件设计 272

10.2.2定宽输出插件设计 274

10.2.3 Tab选项卡插件设计 276

10.3 jQuery UI插件设计 282

10.3.1使用插件 283

10.3.2认识UI插件 285

10.3.3拖曳元素大小 285

10.3.4日期面板 287

第11章 使用辅助工具 289

11.1浏览器检测 289

11.1.1检测浏览器类型 289

11.1.2检测浏览器版本号 291

11.1.3检测浏览器渲染方式 291

11.1.4浏览器综合测试 291

11.2管理页面中的多个库 292

11.2.1 jQuery库兼容性 292

11.2.2如何在同一个页面中联合使用多个库 294

11.3使用jQuery操作JavaScript 295

11.3.1修剪字符串 295

11.3.2序列化字符串 295

11.3.3检测数组 296

11.3.4遍历数组或集合对象 296

11.3.5转换数组 298

11.3.6过滤数组 299

11.3.7映射数组 300

11.3.8合并数组 301

11.3.9删除数组重复项 301

11.3.10遍历jQuery对象 302

11.3.11获取jQuery对象长度 303

11.3.12获取选择器和选择范围 304

11.3.13获取jQuery对象成员 304

11.4缓存和队列 305

11.4.1认识缓存 305

11.4.2定义缓存 307

11.4.3获取缓存 308

11.4.4删除缓存 309

11.4.5 jQuery缓存规范 309

11.4.6认识队列 310

11.4.7定义队列 310

11.4.8获取队列 312

11.4.9替换队列 312

11.4.10删除队列 314

第12章 浏览器开发 316

12.1客户端开发基础 316

12.1.1客户端全局对象 317

12.1.2全局作用域 318

12.1.3全局生命周期 319

12.1.4 JavaScript人机交互 319

12.1.5控制弹出窗口 320

12.1.6创建框架集页面 321

12.1.7窗口不等于框架 322

12.1.8框架之间相互访问的方式 322

12.1.9框架之间的JavaScript交互 323

12.1.10检测浏览器信息 324

12.1.11检测浏览器类型和版本 325

12.1.12检测客户端操作系统 327

12.1.13客户端导航：Location对象 327

12.1.14客户端导航：Histo对象 329

12.1.15客户端导航：使用JavaScript访问历史记录 329

12.1.16客户端导航：使用JavaScript访问帧的历史记录 330

12.1.17控制窗口大小 330

12.1.18文档对象模型 331

12.1.19生成文档的两种方式 334

12.2浏览器调整实战演练 335

12.2.1高级浏览器检测 335

12.2.2演示jQuery Browser插件的实际应用 336

12.2.3强制浏览器重新渲染页面 339

12.2.4解决IE浏览器下拉菜单固定宽度解析问题 340

12.2.5浏览器插件检测 343

第13章 导航开发 345

13.1常用菜单 345

13.1.1 jMenu多级菜单：插件下载 345

13.1.2 jMenu多级菜单：构建菜单结构 346

13.1.3如何简单调用jMenu插件 346

13.1.4 jMenu插件包含的多个参数 348

13.1.5自定义jMenu多级菜单 349

13.1.6 uiSelect下拉菜单：插件下载与参数 350

13.1.7 uiSelect下拉菜单：插件的用法 350

13.1.8 Apycom弹出菜单：插件下载 352

13.1.9 Apycom弹出菜单：插件具体用法 352

13.1.10 Smartango内容菜单 355

13.2创意的导航 359

13.2.1 jqDock码头导航 359

13.2.2 File Tree树形导航 361

13.2.3 AnythingSlider预览导航 366

第14章 表格开发 370

14.1功能性表格开发 370

14.1.1 uiTableFilter表格行过滤 370

14.1.2 tablesorter表格排序 372

14.1.3 HeatColor表格颜色 377

14.1.4 Pagination表格分页显示 379

14.1.5 tableRowCheckboxToggle表格行复选框 382

14.1.6 TableDnD拖曳表格行 385

14.1.7 uiTableEdit表格编辑 386

14.2表格系统功能开发 388

14.2.1 DataTables表格组件 388

14.2.2 Flexigrid表格组件 391

第15章 表单开发 397

15.1功能性表单开发 397

15.1.1 Elastic弹性文本域 397

15.1.2 Autotab自动Tab文本框 398

15.1.3 passwordStrength密码强度指标 400

15.1.4 formToWizard表单填充向导 403

15.1.5 maskedInput屏蔽输入框 406

15.2表单皮肤设计 409

15.2.1 checkbox复选框 409

15.2.2 jqTransform表单样式 412

15.2.3 niceForms表单样式 415

15.3表单验证 416

15.3.1 jQuery Validation表单验证 416

15.3.2 validationEngine表单验证 417

15.4表单UI插件 419

15.4.1 datePicker日期选择器 419

15.4.2 jqUploader文件上传器 421

第16章 异步通信开发 424

16.1 HTTP解析 424

16.1.1认识HTTP 424

16.1.2 HTTP请求 424

16.1.3 HTTP响应 426

16.2使用隐藏框架实现异步通信 428

16.2.1隐藏框架 428

16.2.2异步交互与回调处理 430

16.2.3使用iframe处理异步交互 433

16.3使用JSONP实现跨域异步通信 435

16.3.1认识〈script〉标签 435

16.3.2使用script元素实现异步通信 437

16.3.3异步通信中的参数传递 438

16.3.4异步通信中的响应数据类型 442

16.3.5认识JSONP异步通信协议 444

16.3.6了解异步通信的安全性 447

16.4使用Ajax实现异步通信 448

16.4.1认识XMLHttpRequest对象 448

16.4.2创建XMLHttpRequest对象 449

16.4.3建立连接 451

16.5使用Ajax发送请求 452

16.5.1发送GET请求 452

16.5.2发送POST请求 453

16.5.3把数据转换为串行字符串 454

16.6异步监控 456

16.6.1跟踪Ajax异步通信状态 456

16.6.2中止异步请求 457

16.7使用Ajax获取响应信息 458

16.7.1获取XML结构数据 458

16.7.2获取HTML结构片段 459

16.7.3获取Code代码片段 460

16.7.4获取JSON格式数据 461

16.7.5获取Text字符串 462

16.7.6获取和设置头部消息 463

16.8异步通信功能封装和应用 463

16.8.1封装异步请求函数 464

16.8.2使用Ajax改进Tab显示 464

第17章 数据存储开发 469

17.1 XML数据格式 469

17.1.1认识XML 469

17.1.2 XML基本结构 470

17.1.3 XML声明 471

17.1.4 XML处理指令 471

17.1.5 XML注释 471

17.1.6 XML元素 472

17.1.7 XML属性 473

17.2 XML文档对象模型 474

17.2.1认识XML DOM 474

17.2.2读取数据 476

17.3在IE中存储XML数据 477

17.3.1创建XML DOM对象 478

17.3.2加载XML数据 478

17.3.3数据加载错误处理 480

17.4在Mozilla中存储XML数据 481

17.4.1创建XML DOM对象 481

17.4.2加载XML数据 481

17.4.3读取XML数据 482

17.5 XPath数据查询 483

17.5.1 XPath语法 484

17.5.2在IE中使用XPath 485

17.5.3在Mozilla中使用XPath 486

17.6 JSON数据格式 487

17.6.1 认识JSON 488

17.6.2 JSON数据结构 490

第18章 使用jQuery打造个性网站 493

18.1案例背景介绍 493

18.1.1案例分析 493

18.1.2案例六大具体功能和效果演示 494

18.2网站设计思路 496

18.3数据结构设计 498

18.3.1网站数据结构概述 498

18.3.2数据表结构简介 500

18.4网站结构和样式 503

18.4.1网站结构 503

18.4.2网站动态布景 504

18.4.3表单结构 505

18.4.4网站布局 507

18.5公用函数开发 507

18.5.1数据库连接 508

18.5.2数据库操作基本函数 508

18.5.3网站门禁系统 509

18.5.4 DOM操作补充工具 510

18.6动态表单及初始化 511

18.6.1生成表单 512

18.6.2表单初始化配置 513

18.7数据库操作 515

18.7.1数据录入 515

18.7.2数据查询 517

18.8数据显示 522

18.8.1把数据行转换为可编辑的表单域行 524

18.8.2更新数据 529

18.8.3添加数据 532

18.8.4删除数据 535

18.8.5恢复数据 538

18.8.6显示数据 540

18.8.7数据显示对外主函数 544

18.9页面初始化 555