《jQuery权威指南》源代码

本书跟踪研究jQuery最新动向，深入研究jQuery特性，发掘jQuery应用潜力，汇总常用技巧，可帮助jQuery开发者快速了解jQuery特性，理解设计原理并快速上手。适合计算机软件Web开发人员参考

封面图

目录

• 前言
• 第1章jQuery开发入门/1
• 1.1jQuery概述/2
• 1.1.1认识jQuery /2
• 1.1.2jQuery基本功能/2
• 1.1.3搭建jQuery开发环境/3
• 1.1.4编写第一个简单的jQuery应用/3
• 1.1.5jQuery程序的代码风格/5
• 1.2jQuery的简单应用/7
• 1.2.1jQuery访问DOM对象/7
• 1.2.2jQuery控制DOM对象/7
• 1.2.3jQuery控制页面CSS /9
• 1.3本章小结/11
• 第2章jQuery 选择器/12
• 2.1jQuery选择器概述/13
• 2.1.1什么是选择器/13
• 2.1.2选择器的优势/13
• 2.2jQuery选择器详解/17
• 2.2.1基本选择器/18
• 2.2.2层次选择器/20
• 2.2.3简单过滤选择器/22
• 2.2.4内容过滤选择器/25
• 2.2.5可见性过滤选择器/27
• 2.2.6属性过滤选择器/28
• 2.2.7子元素过滤选择器/30
• 2.2.8表单对象属性过滤选择器/32
• 2.2.9表单选择器/34
• 2.3综合案例分析—导航条在项目中的应用/37
• 2.3.1需求分析/37
• 2.3.2效果界面/38
• 2.3.3功能实现/38
• 2.3.4代码分析/40
• 2.4本章小结/41
• 第3章jQuery操作DOM /42
• 3.1DOM基础/43
• 3.2访问元素/44
• 3.2.1元素属性操作/45
• 3.2.2元素内容操作/49
• 3.2.3获取或设置元素值/51
• 3.2.4元素样式操作/53
• 3.3创建节点元素/58
• 3.4插入节点/60
• 3.4.1内部插入节点方法/60
• 3.4.2外部插入节点方法/64
• 3.5复制节点/66
• 3.6替换节点/68
• 3.7包裹节点/69
• 3.8遍历元素/71
• 3.9删除元素/73
• 3.10综合案例分析—数据删除和图片预览在项目中的应用/75
• 3.10.1需求分析/75
• 3.10.2效果界面/75
• 3.10.3功能实现/77
• 3.10.4代码分析/80
• 3.11本章小结/81
• 第4章jQuery中的事件与应用/82
• 4.1事件机制/83
• 4.2页面载入事件/85
• 4.2.1ready()方法的工作原理/85
• 4.2.2ready()方法的几种相同写法/86
• 4.3绑定事件/86
• 4.4切换事件/90
• 4.4.1hover()方法/90
• 4.4.2toggle()方法/93
• 4.5移除事件/94
• 4.6其他事件/96
• 4.6.1方法one() /97
• 4.6.2方法trigger () /98
• 4.7表单应用/100
• 4.7.1文本框中的事件应用/100
• 4.7.2下拉列表框中的事件应用/104
• 4.8列表应用/109
• 4.9网页选项卡的应用/114
• 4.10 综合案例分析—删除数据时的提示效果在项目中的应用/116
• 4.10.1需求分析/116
• 4.10.2效果界面/117
• 4.10.3功能实现/118
• 4.10.4代码分析/121
• 4.11本章小结/123
• 第5章jQuery的动画与特效/124
• 5.1显示与隐藏/125
• 5.1.1show()与hide()方法/125
• 5.1.2动画效果的show()与hide()方法/126
• 5.1.3toggle()方法/128
• 5.2滑动/131
• 5.2.1slideDown()与slideUp方法/131
• 5.2.2slideToggle()方法/134
• 5.3淡入淡出/135
• 5.3.1fadeIn()与fadeOut()方法/135
• 5.3.2fadeTo()方法/137
• 5.4自定义动画/139
• 5.4.1简单的动画/140
• 5.4.2移动位置的动画/141
• 5.4.3队列中的动画/144
• 5.4.4动画停止和延时/146
• 5.5动画效果综述/148
• 5.5.1各种动画方法说明/148
• 5.5.2使用animate()方法代替其他动画效果/148
• 5.6综合案例分析—动画效果浏览相册中的图片/149
• 5.6.1需求分析/149
• 5.6.2效果界面/149
• 5.6.3功能实现/151
• 5.6.4代码分析/155
• 5.7本章小结/158
• 第6章Ajax在jQuery中的应用/159
• 6.1加载异步数据/160
• 6.1.1传统的JavaScript方法/160
• 6.1.2jQuery中的load()方法/162
• 6.1.3jQuery中的全局函数getJSON()/164
• 6.1.4jQuery中的全局函数getScript()/166
• 6.1.5jQuery中异步加载XML文档/168
• 6.2请求服务器数据/170
• 6.2.1$.get()请求数据/170
• 6.2.2$.post()请求数据/172
• 6.2.3serialize()序列化表单/175
• 6.3$.ajax()方法/177
• 6.3.1$.ajax()的基本概念/177
• 6.3.2$.ajaxSetup()设置全局Ajax /181
• 6.4Ajax中的全局事件/184
• 6.4.1Ajax全局事件的基本概念/184
• 6.4.2ajaxStart与ajaxStop全局事件/184
• 6.5综合案例分析—用Ajax实现新闻点评即时更新/187
• 6.5.1需求分析/187
• 6.5.2效果界面/187
• 6.5.3功能实现/189
• 6.5.4代码分析/193
• 6.6本章小结/196
• 第7章jQuery常用插件/197
• 7.1jQuery插件概述/198
• 7.2验证插件validate /198
• 7.3表单插件form /202
• 7.4Cookie插件cookie /205
• 7.5搜索插件AutoComplete /209
• 7.6图片灯箱插件notesforlightbox /213
• 7.7右键菜单插件contextmenu /216
• 7.8图片放大镜插件jqzoom /222
• 7.9自定义jQuery插件/224
• 7.9.1插件的种类/225
• 7.9.2插件开发要点/225
• 7.9.3开发插件示例/226
• 7.10综合案例分析—使用uploadify插件实现文件上传功能 /232
• 7.10.1 需求分析/232
• 7.10.2效果界面/233
• 7.10.3功能实现/234
• 7.10.4代码分析/236
• 7.11本章小结/241
• 第8章jQuery UI插件/242
• 8.1认识jQuery UI /243
• 8.2jQuery UI交互性插件/244
• 8.2.1拖曳插件/244
• 8.2.2放置/247
• 8.2.3排序插件/250
• 8.3jQuery UI微型插件/252
• 8.3.1折叠面板插件/252
• 8.3.2日历/255
• 8.3.3选项卡插件/260
• 8.3.4对话框插件/263
• 8.4综合案例分析—使用jQuery UI插件以拖动方式管理相册/269
• 8.4.1需求分析/269
• 8.4.2效果界面/269
• 8.4.3功能实现/270
• 8.4.4代码分析/274
• 8.5本章小结/277
• 第9章jQuery实用工具函数/278
• 9.1什么是工具函数/279
• 9.2工具函数的分类/279
• 9.2.1浏览器的检测/279
• 9.2.2数组和对象的操作/284
• 9.2.3字符串操作/291
• 9.2.4测试操作/293
• 9.2.5URL操作/297
• 9.3工具函数的扩展/299
• 9.4其他工具函数—$.proxy() /302
• 9.5综合案例分析—使用jQuery扩展工具函数实现对字符串指定类型的检测/305
• 9.5.1需求分析/305
• 9.5.2效果界面/305
• 9.5.3功能实现/306
• 9.5.4代码分析/309
• 9.6本章小结/311
• 第10章jQuery性能优化与最佳实践/312
• 10.1优化选择器执行的速度/313
• 10.1.1优先使用ID与标记选择器/313
• 10.1.2使用jQuery对象缓存/314
• 10.1.3给选择器一个上下文/315
• 10.2处理选择器中的不规范元素标志/317
• 10.2.1选择器中含有特殊符号/317
• 10.2.2选择器中含有空格符号/318
• 10.3优化事件中的冒泡现象/319
• 10.4使用data()方法缓存数据/321
• 10.5解决jQuery库与其他库的冲突/326
• 10.5.1jQuery在其他库前导入/326
• 10.5.2jQuery在其他库后导入/328
• 10.6使用子查询优化选择器性能/330
• 10.7减少对DOM元素直接操作/332
• 10.8正确区分DOM对象与jQuery对象/334
• 10.8.1DOM对象与jQuery对象的定义/334
• 10.8.2DOM对象与jQuery对象的类型转换/335
• 10.9本章小结/337
• 第11章综合案例开发/338
• 案例1：切割图片/339
• 案例2：在线聊天室/349
• 本章小结/365
•  
• 示 例 目 录
• 第1章jQuery开发入门/1
• 示例1-1编写第一个简单的jQuery程序/4
• 示例1-2jQuery事件的链式写法/5
• 示例1-3控制DOM对象/7
• 示例1-4jQuery控制CSS样式/10
• 第2章jQuery 选择器/12
• 示例2-1使用JavaScript实现隔行变色/13
• 示例2-2使用jQuery选择器实现隔行变色/15
• 示例2-3使用JavaScript输出文字信息/16
• 示例2-4使用jQuery输出文字信息/17
• 示例2-5使用jQuery基本选择器选择元素/18
• 示例2-6使用jQuery层次选择器选择元素/20
• 示例2-7使用jQuery基本过滤选择器选择元素/22
• 示例2-8使用jQuery内容过滤选择器选择元素/25
• 示例2-9使用jQuery可见性过滤选择器选择元素/27
• 示例2-10使用jQuery属性过滤选择器选择元素/28
• 示例2-11使用jQuery子元素过滤选择器选择元素/30
• 示例2-12通过表单对象属性过滤选择器获取表单对象/32
• 示例2-13使用jQuery表单过滤选择器获取元素/35
• 综合案例分析—导航条在项目中的应用/37
• 第3章jQuery操作DOM /42
• 示例3-1创建一个DOM页面文档/43
• 示例3-2通过attr(name)方法获取元素的属性/45
• 示例3-3设置元素的属性（一）/46
• 示例3-4设置元素的属性（二）/48
• 示例3-5设置或获取元素的内容/50
• 示例3-6设置或获取元素的值/51
• 示例3-7直接设置元素样式值/54
• 示例3-8增加CSS类别/55
• 示例3-9类别切换/57
• 示例3-10动态创建节点元素/59
• 示例3-11插入节点（一）/62
• 示例3-12插入节点（二）/63
• 示例3-13外部插入节点/65
• 示例3-14复制元素节点/66
• 示例3-15替换元素节点/68
• 示例3-16包裹元素节点/70
• 示例3-17遍历元素/72
• 示例3-18删除元素/73
• 综合案例分析—数据删除和图片预览在项目中的应用/75
• 第4章jQuery中的事件与应用/82
• 示例4-1事件中的冒泡现象/83
• 示例4-2用bind方法绑定事件/87
• 示例4-3用映射方式绑定不同的事件/88
• 示例4-4用hover方法绑定事件/91
• 示例4-5用toggle方法绑定事件/93
• 示例4-6用unbind方法移除事件/94
• 示例4-7用one方法绑定事件/97
• 示例4-8用trigger方法绑定事件/98
• 示例4-9文本框中的事件应用/100
• 示例4-10下拉列表框中的事件应用/104
• 示例4-11列表中的导航菜单应用/109
• 示例4-12网页选项卡的应用/114
• 综合案例分析—删除数据时的提示效果在项目中的应用/116
• 第5章jQuery的动画与特效/124
• 示例5-1show()与hide()方法简介125
• 示例5-2动画效果的show()与hide()方法127
• 示例5-3toggle()方法的使用/129
• 示例5-4slideDown()与slideUp()方法/132
• 示例5-5slideToggle()方法/134
• 示例5-6fadeIn()和fadeOut()方法/136
• 示例5-7fadeTo()方法/138
• 示例5-8简单的动画/140
• 示例5-9移动位置的动画/142
• 示例5-10队列中的动画/144
• 示例5-11动画停止和延时/146
• 综合案例分析—动画效果浏览相册中的图片/149
• 第6章Ajax在jQuery中的应用/159
• 示例6-1传统的JavaScript方法实现Ajax功能/160
• 示例6-2load()方法实现异步获取数据/162
• 示例6-3全局函数getJSON()实现异步获取数据/164
• 示例6-4全局函数getScript()实现异步获取数据/166
• 示例6-5全局函数get()实现异步获取XML文档数据/168
• 示例6-6全局函数get ()向服务器请求数据/171
• 示例6-7全局函数post ()向服务器请求数据/173
• 示例6-8serialize()序列化表单/175
• 示例6-9用$.ajax()方法发送请求/178
• 示例6-10$.ajaxSetup()方法全局设置Ajax /181
• 示例6-11jQuery中的全局事件/185
• 综合案例分析—用Ajax实现新闻点评即时更新/187
• 第7章jQuery常用插件/197
• 示例7-1验证插件的使用/199
• 示例7-2表单插件的使用/203
• 示例7-3cookie插件的使用/206
• 示例7-4搜索插件的使用/209
• 示例7-5图片灯箱插件的使用/213
• 示例7-6右键菜单插件的使用/217
• 示例7-7图片放大镜插件的使用/222
• 示例7-8对象级别插件的开发/226
• 示例7-9类级别插件的开发/229
• 综合案例分析—使用uploadify插件实现文件上传功能 /232
• 第8章jQuery UI插件/242
• 示例8-1使用draggable插件实现对象的拖曳操作/245
• 示例8-2使用droppable插件实现对象的放置操作/247
• 示例8-3使用sortable插件实现列表中表项的拖曳排序操作/250
• 示例8-4使用accordion插件实现页面中多区域的折叠操作/253
• 示例8-5使用datepicker插件实现日期选择的基本操作/256
• 示例8-6使用datepicker插件实现分段时间的选择/258
• 示例8-7使用tabs插件展示选项卡的基本功能/261
• 示例8-8使用dialog插件弹出提示和确定信息对话框/264
• 综合案例分析—使用jQuery UI插件以拖动方式管理相册/269
• 第9章jQuery实用工具函数/278
• 示例9-1browser对象的使用/280
• 示例9-2boxModel对象的使用/282
• 示例9-3$.each()函数遍历数组/284
• 示例9-4$.each()函数遍历对象/285
• 示例9-5$. grep()函数筛选数据/287
• 示例9-6$. map()函数变更数据/288
• 示例9-7$.inArray()函数搜索数据/290
• 示例9-8$.trim()函数除掉字符串左右两边的空格符/292
• 示例9-9$.isEmptyObject()函数的使用/293
• 示例9-10$.isPlainObject ()函数的使用/295
• 示例9-11$.contains()函数的使用/296
• 示例9-12使用函数$.param()对数组进行序列化/298
• 示例9-13使用函数$.extend()扩展工具函数/300
• 示例9-14使用函数$.proxy()改变事件函数的作用域/302
• 综合案例分析—使用jQuery扩展工具函数实现对字符串指定类型的检测/305
• 第10章jQuery性能优化与最佳实践/312
• 示例10-1在指定的查找范围内获取DOM元素/315
• 示例10-2选择器中含有空格符与不含空格符的区别/318
• 示例10-3事件中的target方法优化冒泡现象/320
• 示例10-4使用data()方法在元素上存取移除数据/322
• 示例10-5使用data()方法在元素上存取移除JSON格式的数据/323
• 示例10-6解决jQuery库先于其他库导入时，变量“$”的使用权问题/326
• 示例10-7解决jQuery库后于其他库导入时，变量“$”的使用权问题/328
• 示例10-8使用子查询优化选择器性能/330
• 示例10-9减少对DOM元素直接操作/332
• 示例10-10DOM对象与jQuery对象的类型转换/335
• 第11章综合案例开发/338
• 案例1：切割图片/339
• 案例2：在线聊天室/349