概要

内容简介

前 言

目 录

概要

书名：精通JS脚本之jQuery框架作者：王伟平、郝军启、唐有明

出版时间：2011年03月

书号：978-7-122-10294-2

开书：16

装贴：平

版次：1版1次

页数：462也页

内容简介

本书从介绍JavaScript的基础知识开始，围绕标准Web的各项技术予以展开，通过大量实例对JavaScript、CSS、DOM、Ajax等Web关键技术进行深入浅出的分析，主要内容包括JavaScript语法和内置对象、CSS选择器与布局、标准DOM模型、jQuery选择器、遍历DOM元素、HTML处理、jQuery事件处理、Ajax应用、jQuery动画效果以及jQuery UI库的使用。

本书内容翔实、结构清晰，讲述循序渐进，并注意各个章节、实例之间的呼应和对照，既可作为jQuery初学者的入门教材，也适合Web开发人员进一步学习和参考。

前 言

随着Web 2.0的兴起，JavaScript越来越受到人们的重视，JavaScript脚本在We b应用程序客户端起到的作用也越来越重要。于是，越来越多的开发者将自己编写的各种丰富多彩的功能封装成类库，发布到网络上供更多的人来解决类似的问题。jQuery就是其中非常优秀的一个。

jQuery是目前应用最广泛的JavaScript框架之一。它不仅功能强大，而且简洁优雅，能使用最少的代码来实现最多的功能；可以帮助用户毫不费力地把动态功能应用到网页，包括访问部分网页、快速修改网页内容、应用Ajax技术、添加动画和特效等。

而且jQuery已经成为微软Visual Studio和NOKIA等主流开发平台的重要组成部分。借助jQuery的魔力，数十行JavaScript代码可以被神奇地压缩成区区几行，诸多Web开发人员就是在那一瞬间深深迷恋上了这个方便快捷、功能完备的利器。

本书内容

本书从介绍JavaScript的基础知识开始，围绕标准Web的各项技 术予以展开，通过大量实例对JavaScript、CSS、DOM、Ajax等Web关键技术进行深入浅出的分析，主要内容包括JavaScript语法和内置对象、CSS选择器与布局、标准DOM模型、jQuery选择器、遍历DOM元素、HTML处理、jQuery事件处理、Ajax应用、jQuery动画效果以及jQuery UI库的使用。

本书内容翔实、结构清晰，讲述循序渐进，并注意各个章节、实例之间的呼应和对照，既可作为jQuery初学者的入门教材，也适合Web开发人员进一步学习和参考。

第1章从最基础的JavaScript语法知识开始讲起，主要介绍了语法规则、运算符、流程控制、函数以及各种对象的用法等内容。

第2章针对DOM详解了JavaScript中的实现，包括DOM基本接口、访问节点、遍历节点、操作属性和节点、复制以及替换节点等。

第3章讲解了CSS的相关内容，重点对CSS的选择器进行讨论，为后面的jQuery学习打下基础。

第4章开始讲解jQuery，使用jQuery开发了一个简单的程序，还介绍了整个jQuery最核心的内容——jQuery核心函数。

第5章主要讲解了jQuery中的基本选择器和过滤选择器。

第6章主要讲解了操作jQuery集合的方法，如搜索操作、串联操作以及过滤操作等。通过对本章的学习，读者将会更进一步感受到jQuery的方便快捷。

第7章首先讲解了jQuery中DOM操作的分类，然后详解DOM操作方法，如查找节点、删除节点、内部/外部插入节点以及各种包裹操作。

第8章讲解了jQuery对选中DOM元素进行的HTML操作。例如，获取元素中的HTML或者文本，为它添加新的属性和CSS样式，又或者改变元素的CSS样式、位置以及尺寸等。

第9章首先回顾了JavaScript的事件机制，然后讲解jQuery中的事件类型以及事件处理机制，最后讲解jQuery中事件对象的使用。

第10章主要讲解了jQuery中的Ajax支持有讨论，如加载和发送请求、JSON以及序列化表单等。

第11章主要讲解了如何使用jQuery中的动画效果，如基本效果、滑动效果、淡入淡出、自定义动画等。

第12章主要讲解了jQuery UI库中提供的页面交互组件，如拖动组件、投放组件、排序和选择组件等。

第13章主要讲解了jQuery UI库中提供的页面工具集，包括折叠面板、自动完成组件、按钮组件、日期选择器、对话框组件、进度条组件、滑块组件和选项卡组件等。

第14章主要讲解了jQuery UI库中提供的动画效果组件，如添加（或移除）页面样式、显示（或隐藏）页面内容、切换页面样式、动态显示与隐藏、页面特效等。

第15章主要讲解了jQuery库的功能函数，包括测试操作、函数操作、数组和对象操作等。

第16章主要讲解了jQuery的插件机制，并通过一个简单的插件详解了开发流程。

第17章为综合实例，通过电子相册系统的实现方法，使读者对jQuery有更深一步的认识，并且能够灵活地运用它。

本书特色

以实际开发经验为基础

本书是在编者使用jQuery开发项目的经验基础上编写的，以实际项目为根本，全面、翔实地介绍了jQuery开发所需具备的各种知识和技能，突出了实用性。

内容丰富，实用性强

本书采用理论为主、案例辅助的方式进行讲解，涵盖了用jQuery开发时所需掌握的jQuery选择器、jQuery集合、操作DOM和HTML、事件处理、Ajax、动画效果、jQuery UI库和插件开发等方面的内容。以掌握基础知识为目的，以提高实际开发能力为主旨，融“教”、“学”、“练”于一体。

视频支持

本书提供一套完整的视频讲座，总长度大约13个小时，方便读者学习。

网站技术支持

读者对象

本书适合初次接触jQuery的网页设计人员阅读，目标读者是Web应用前端设计者与开发者，尤其适合那些已经掌握了HTML、CSS和JavaScript等基础知识，希望全面学习jQuery库的读者。本书也可作为大、中院校师生和培训班的教材。

本书主要由王伟平、郝军启、唐有明编写，其他参与编写、资料整理、程序开发工作的人员还有郭郑州、张银鹤、郝相林、陈军红、张水波、王俊伟、于利敏等

目 录

第1章 JavaScript基础知识 1

1.1 JavaScript语法规则 2

1.1.1 变量和函数名称 2

1.1.2 区分大小写 2

1.1.3 代码的格式 2

1.1.4 代码的注释 2

1.2 变量与数据类型 3

1.2.1 变量 3

1.2.2 数据类型 5

1.3 运算符 7

1.3.1 算术运算符 7

1.3.2 逻辑运算符 7

1.3.3 比较运算符 8

1.3.4 字符串运算符 8

1.3.5 位操作运算符 8

1.3.6 赋值运算符 9

1.3.7 条件运算符 9

1.3.8 运算符的优先级 10

1.4 流程控制语句 10

1.4.1 if条件语句 10

1.4.2 switch条件语句 13

1.4.3 for循环语句 14

1.4.4 for in循环语句 15

1.4.5 while循环语句 15

1.4.6 do while循环语句 16

1.4.7 try catach finally语句 17

1.4.8 break语句与continue语句 18

1.4.9 return语句与with语句 19

1.5 函数 20

1.5.1 函数定义和函数调用 21

1.5.2 函数参数的使用 22

1.5.3 使用函数返回值 23

1.5.4 JavaScript系统函数 23

1.6 内置对象 25

1.6.1 String对象 25

1.6.2 Math对象 27

1.6.3 Date对象 28

1.6.4 Array对象 28

1.7 自定义对象 29

1.8 浏览器对象 30

1.8.1 window对象 30

1.8.2 document对象 31

1.8.3 location对象 33

1.8.4 其他对象 33

第2章 DOM基础 35

2.1 DOM简介 36

2.1.1 HTML DOM中的节点树 36

2.1.2 DOM的4个基本接口 37

2.1.3 DOM基本对象的常用属性和方法 38

2.2 如何使用DOM 40

2.2.1 访问节点 40

2.2.2 遍历节点 43

2.2.3 操作属性节点 46

2.2.4 创建并插入节点 49

2.2.5 复制节点 52

2.2.6 替换节点 53

2.2.7 删除节点 54

2.3 DOM操作综合实例 55

第3章 CSS基础 57

3.1 CSS简介 58

3.2 CSS样式规则 59

3.3 引入样式表 60

3.3.1 内联样式表 60

3.3.2 内部样式表 60

3.3.3 外部样式表 62

3.4 选择器 64

3.4.1 全局选择器 65

3.4.2 标记选择器 65

3.4.3 类选择器 66

3.4.4 ID选择器 67

3.4.5 分组选择器 67

3.4.6 包含选择器 68

3.4.7 相邻选择器 68

3.4.8 子选择器 69

3.4.9 属性选择器 69

3.4.10 伪类选择器 70

3.5 框模型 70

3.5.1 框模型简介 71

3.5.2 内边距 73

3.5.3 边框 74

3.5.4 外边距 75

3.6 元素定位与布局 77

3.6.1 定位 77

3.6.2 布局 81

3.7 设计浮动布局 84

第4章 jQuery入门 87

4.1 jQuery概述 88

4.1.1 jQuery能做什么 88

4.1.2 为什么要用jQuery 89

4.2 编写jQuery代码 91

4.2.1 获取jQuery 91

4.2.2 编写jQuery程序 92

4.3 jQuery核心函数 93

4.4 配置Dreamweaver对jQuery的智能感应功能 95

4.5 解决jQuery和其他库的冲突 97

4.6 使用开发人员工具调试程序 99

第5章 jQuery选择器 103

5.1 基本选择器 104

5.1.1 CSS选择器 104

5.1.2 层级选择器 106

5.1.3 表单域选择器 109

5.2 过滤选择器 112

5.2.1 简单过滤选择器 112

5.2.2 内容过滤选择器 116

5.2.3 属性过滤选择器 119

5.2.4 子元素过滤选择器 121

5.2.5 表单域属性过滤选择器 124

5.2.6 可见性过滤选择器 126

第6章 操作jQuery集合 127

6.1 搜索操作 128

6.1.1 搜索父元素 128

6.1.2 搜索同辈元素 131

6.1.3 搜索子元素 136

6.2 串联操作 138

6.2.1 andSelf( )方法 139

6.2.2 end( )方法 139

6.2.3 add(expr,[context])方法 140

6.2.4 contents( )方法 140

6.3 过滤操作 141

6.3.1 eq(index)方法 141

6.3.2 filter(expr)方法 141

6.3.3 filter(fn)方法 142

6.3.4 has(expr)方法 142

6.3.5 hasClass(class)方法 143

6.3.6 is(expr)方法 143

6.3.7 map(callback)方法 143

6.3.8 not(expr)方法 144

6.3.9 slice(start,[end])方法 144

第7章 jQuery中的DOM操作 145

7.1 DOM操作的分类 146

7.2 jQuery中基本的DOM操作 146

7.2.1 查找节点 147

7.2.2 创建节点 148

7.2.3 删除节点 150

7.2.4 复制节点 153

7.2.5 替换节点 154

7.3 内部插入 156

7.3.1 append( )方法 156

7.3.2 appendTo( )方法 158

7.3.3 prepend( )方法 159

7.3.4 prependTo( )方法 160

7.4 外部插入 161

7.4.1 after( )方法 162

7.4.2 insertAfter( )方法 163

7.4.3 before( )方法 164

7.4.4 insertBefore( )方法 165

7.5 包裹操作 166

7.5.1 wrap( )方法 167

7.5.2 unwrap( )方法 168

7.5.3 wrapAll( )方法 168

7.5.4 wrapInner( )方法 169

第8章 jQuery中的HTML操作 171

8.1 元素内容 172

8.1.1 操作HTML 172

8.1.2 操作文本 174

8.1.3 操作值 176

8.2 元素属性 180

8.2.1 读取和修改属性 180

8.2.2 删除属性 183

8.3 元素样式 183

8.3.1 添加样式类 183

8.3.2 移除样式类 184

8.3.3 切换样式类 186

8.4 元素CSS 189

8.4.1 读取CSS样式 189

8.4.2 设置CSS样式 190

8.4.3 元素CSS位置 191

8.4.4 元素CSS尺寸 194

第9章 jQuery中的事件处理 197

9.1 事件流模型 198

9.2 传统的JavaScript事件 199

9.2.1 事件类型 199

9.2.2 事件处理 200

9.3 jQuery中的事件 202

9.3.1 DOM的载入事件 202

9.3.2 键盘事件 205

9.3.3 鼠标事件 206

9.3.4 表单事件 210

9.3.5 其他事件 216

9.3.6 jQuery事件集合特性 221

9.4 jQuery的事件处理 223

9.4.1 绑定事件 223

9.4.2 删除事件 226

9.4.3 模拟操作 227

9.5 jQuery事件对象 231

第10章 jQuery与Ajax 233

10.1 Ajax简介 234

10.2 JavaScript中的Ajax 236

10.3 jQuery中的Ajax 239

10.3.1 $.ajax( )方法 239

10.3.2 load( )方法 242

10.3.3 $.get( )方法 244

10.3.4 $.post( )方法 246

10.3.5 $.getJSON( )方法 248

10.3.6 $.getScript( )方法 251

10.4 序列化表单数据 252

10.4.1 serialize( )方法 253

10.4.2 serializeArray( )方法 254

10.5 设置全局Ajax默认选项 254

10.6 Ajax全局事件 256

第11章 应用jQuery动画效果 259

11.1 基本效果 260

11.1.1 隐藏元素 260

11.1.2 显示元素 262

11.1.3 交替显示隐藏 263

11.2 滑动效果 266

11.2.1 向上收缩 266

11.2.2 向下展开 267

11.2.3 交替伸缩样式 267

11.3 淡入淡出效果 268

11.3.1 淡入效果 269

11.3.2 淡出效果 269

11.3.3 自定义不透明度 270

11.4 自定义动画效果 271

11.4.1 自定义动画 271

11.4.2 jQuery动画队列 275

第12章 页面交互组件 279

12.1 配置jQuery UI环境 280

12.1.1 下载jQuery UI 280

12.1.2 使用jQuery UI 281

12.2 拖动组件 282

12.2.1 拖动组件简介 283

12.2.2 配置拖动属性 284

12.2.3 拖动组件的方法 293

12.2.4 拖动事件回调函数 295

12.3 投放组件 298

12.3.1 投放组件简介 298

12.3.2 配置投放属性 299

12.3.3 投放组件的方法 303

12.3.4 投放事件回调函数 303

12.3.5 与拖动组件的组合 305

12.4 尺寸调整组件 308

12.4.1 尺寸调整组件简介 308

12.4.2 配置尺寸调整组件属性 311

12.4.3 尺寸调整组件的方法 314

12.4.4 调整事件回调函数 314

12.5 排序组件 316

12.5.1 排序组件简介 316

12.5.2 关联排序列表 318

12.5.3 排序组件的方法 321

12.5.4 排序事件回调函数 323

12.6 选择组件 326

12.6.1 选择组件简介 326

12.6.2 过滤选择项 328

12.6.3 选择组件的方法 329

12.6.4 选择事件回调函数 329

第13章 页面工具集 331

13.1 折叠面板 332

13.1.1 折叠面板简介 332

13.1.2 配置折叠面板 333

13.1.3 折叠面板的方法 337

13.1.4 折叠面板的事件 339

13.2 自动完成组件 340

13.2.1 自动完成组件简介 340

13.2.2 自动完成组件的方法 342

13.2.3 自动完成组件的事件 342

13.3 按钮组件 344

13.3.1 按钮组件简介 345

13.3.2 按钮组件的方法 346

13.4 日期选择器 347

13.4.1 日期选择器简介 347

13.4.2 配置日期选择器 349

13.4.3 日期选择器的方法 354

13.4.4 日期选择器的事件 355

13.5 对话框组件 358

13.5.1 对话框组件简介 359

13.5.2 配置对话框组件 360

13.5.3 对话框组件方法 363

13.5.4 对话框组件的事件 365

13.6 进度条组件 366

13.6.1 进度条组件简介 366

13.6.2 进度条组件的方法和事件 367

13.7 滑块组件 369

13.7.1 滑块组件简介 369

13.7.2 配置滑块组件 370

13.7.3 滑块组件的方法 372

13.7.4 滑块组件的事件 374

13.8 选项卡组件 375

13.8.1 选项卡组件简介 375

13.8.2 配置选项卡组件 376

13.8.3 选项卡组件的方法 380

13.8.4 选项卡组件的事件 381

第14章 页面动画效果组件 383

14.1 添加页面样式 384

14.2 移除页面样式 385

14.3 切换页面样式 387

14.4 显示页面内容 389

14.5 隐藏页面内容 392

14.6 页面内容动态显示与隐藏 394

14.7 页面自定义动画 397

14.8 页面特效 398

14.8.1 百叶窗 399

14.8.2 震荡 400

14.8.3 剪辑 401

14.8.4 下落 401

14.8.5 爆炸 402

14.8.6 折叠 403

14.8.7 高亮 404

14.8.8 消失 405

14.8.9 闪烁 405

14.8.10 按比例缩放 406

14.8.11 晃动 407

14.8.12 改变大小 408

14.8.13 滑动 409

14.8.14 迁移 410

第15章 jQuery的功能函数 412

15.1 URL操作 413

15.2 测试操作 414

15.2.1 contains( )方法 414

15.2.2 isFunction( )方法 415

15.2.3 isArray( )方法 415

15.2.4 isEmptyObject( )方法 416

15.2.5 isPlainObject( )方法 416

15.3 函数操作 416

15.4 数组和对象操作 418

15.4.1 each( )方法 418

15.4.2 map( )方法 419

15.4.3 merge( )方法 421

15.4.4 unique( )方法 421

15.4.5 grep( )方法 422

15.4.6 extend( )方法 423

15.4.7 makeArray( )方法 424

15.4.8 toArray( )方法 425

15.4.9 inArray( )方法 427

15.4.10 parseJSON( )方法 428

15.5 字符串操作 428

15.6 浏览器属性 429

15.6.1 support( )方法 429

15.6.2 browser( )方法 432

15.6.3 browser.version( )方法 432

15.6.4 boxModel( )方法 433

第16章 开发自己的jQuery插件 434

16.1 jQuery中的插件类型和规则 435

16.1.1 插件的类型 435

16.1.2 插件的规则 436

16.2 jQuery中的插件机制 437

16.2.1 jQuery.extend( ) 437

16.2.2 jQuery.fn.extend( ) 438

16.3 开发jQuery插件 438

16.3.1 开发插件的流程 439

16.3.2 开发全局函数插件 440

16.3.3 开发对象方法插件 441

16.3.4 保持插件的连缀 442

16.3.5 为插件设定默认值 442

16.3.6 在插件中使用闭包 444

16.3.7 开发一个jQuery插件 445

16.3.8 开发插件的技巧 447

第17章 电子相册系统 449

17.1 系统概述 450

17.2 相册管理功能模块 450

17.2.1 图片淡入 450

17.2.2 高亮图片框 451

17.2.3 图片放大 452

17.2.4 图片翻页 454

17.2.5 jQuery事件 455

17.2.6 弹出上传图片的界面 457

17.3 用户管理功能模块 458

17.3.1 用户登录 458

17.3.2 用户注册 460

17.4 总结 462