
精通JS脚本之jQuery框架
《精通JS脚本之jQuery框架》是2011年出版的图书,作者是王伟平、郝军启、唐有明。本书从介绍JavaScript的基础知识开始,围绕标準Web的各项技术予以展开,通过大量实例对JavaScript、CSS、DOM、Ajax等Web关键技术进行深入浅出的分析。
基本介绍
- 书名:精通JS脚本之jQuery框架
- 作者:王伟平、郝军启、唐有明
- ISBN:978-7-122-10294-2
- 出版时间:2011年03月
- 开本:16
概要
书名:精通JS脚本之jQuery框架 作者:王伟平、郝军启、唐有明
装贴:平
版次:1版1次
页数:462也页
内容简介
本书主要内容包括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