编辑推荐
众多前端工程师、高校老师、学生一致推荐,源自阅读量破600万的人气教程。 适合零基础初学者,1小时快速上手,3天轻松入门; 通俗易懂,风趣幽默,jQuery还可以这么好玩; 每一章都有大量练习,让你更快达到实战水平; 配套网站 配套练习 课件PPT 源码素材 作者答疑。
内容简介
作者根据自己多年的前后端开发经验,站在完全零基础读者的角度,基于jQuery 1.12.x版本,详尽介绍了jQuery的基础知识及开发技巧。 《从0到1 jQuery快速上手》分为14章,前10章主要介绍jQuery的基本技术,包括常用选择器、DOM操作、事件操作、jQuery动画、过滤方法、查找方法等;后4章主要介绍jQuery的进阶技巧,包括工具函数、开发插件、Ajax操作以及高级技巧。 此外,本书不但配备了所有案例的源代码,作者还结合实际工作和前端面试的经验,精选了很多高质量的练习题。为了方便高校老师教学,本书还提供了配套的PPT课件。本书适合作为前端开发人员的参考书,也可以作为大中专院校相关专业的教学参考书。
作者简介
莫振杰,毕业于暨南大学信科院计算机科学与技术专业,从事前后端开发4年多,开发过绿叶学习网、广州智能工程研究会网站、大量在线应用工具及其他各种类型网站,著有多本编程书且销量过万, 现为绿叶学习网的站长,该网站用于分享其在前后端开发中的一些经验,其制作的前后端开发在线教程在互联网引起广泛关注,每一个教程都广受网友称赞与推崇,今年还开发了系列前端线上付费课程。
目录
- 第 1 章 jQuery 1
- 1.1 jQuery 简介 1
- 1.1.1 从“JavaScript”到“JavaScript 库” 1
- 1.1.2 关于jQuery 2
- 1.2 教程介绍 3
- 1.3 jQuery 下载与安装 3
- 1.3.1 下载jQuery 3
- 1.3.2 安装jQuery 4
- 1.4 本章练习 4
- 第 2 章 基础选择器 5
- 2.1 jQuery 选择器简介 5
- 2.2 基本选择器 6
- 2.2.1 元素选择器 6
- 2.2.2 id 选择器 7
- 2.2.3 class 选择器 8
- 2.2.4 群组选择器 9
- 2.3 层次选择器 11
- 2.3.1 后代选择器 11
- 2.3.2 子代选择器 12
- 2.3.3 兄弟选择器 14
- 2.3.4 相邻选择器 15
- 2.4 属性选择器 17
- 2.5 本章练习 19
- 第3 章 伪类选择器 21
- 3.1 伪类选择器简介 21
- 3.2 “位置”伪类选择器 21
- 3.3 “子元素”伪类选择器 25
- 3.3.1 :first-child、:last-child、:nth- child(n)、:only-child 25
- 3.3.2 :first-of-type、:last-of-type、:nthof-
- type(n)、:only-of-type 28
- 3.4 “可见性”伪类选择器 29
- 3.5 “内容”伪类选择器 31
- 3.6 “表单”伪类选择器 35
- 3.7 “表单属性”伪类选择器 37
- 3.8 其他伪类选择器 38
- 3.9 本章练习 39
- 第4 章 DOM 基础 41
- 4.1 DOM 简介 41
- 4.1.1 DOM 对象 41
- 4.1.2 DOM 结构 41
- 4.2 创建元素 43
- 4.3 插入节点 45
- 4.3.1 prepend() 和prependTo() 45
- 4.3.2 append() 和appendTo() 48
- 4.3.3 before() 和insertBefore() 50
- 4.3.4 after() 和insertAfter() 52
- 4.4 删除元素 54
- 4.4.1 remove() 55
- 4.4.2 detach() 58
- 4.4.3 empty() 59
- 4.5 复制元素 60
- 4.6 替换元素 62
- 4.6.1 replaceWith() 62
- 4.6.2 replaceAll() 63
- 4.7 包裹元素 64
- 4.7.1 wrap() 64
- 4.7.2 wrapAll() 65
- 4.7.3 wrapInner() 66
- 4.8 遍历元素 67
- 4.9 本章练习 71
- 第5 章 DOM 进阶 73
- 5.1 属性操作 73
- 5.1.1 获取属性 73
- 5.1.2 设置属性 74
- 5.1.3 删除属性 77
- 5.1.4 prop() 方法 78
- 5.2 样式操作 80
- 5.2.1 CSS 属性操作 80
- 5.2.2 CSS 类名操作 83
- 5.2.3 个别样式操作 87
- 5.3 内容操作 94
- 5.3.1 html() 94
- 5.3.2 text() 96
- 5.3.3 val() 97
- 5.4 本章练习 99
- 第6 章 事件基础 101
- 6.1 事件简介 101
- 6.2 页面事件 102
- 6.2.1 JavaScript 的onload 事件 102
- 6.2.2 jQuery 的ready 事件 103
- 6.2.3 ready 事件的4 种写法 104
- 6.2.4 深入了解jQuery 的ready 事件 105
- 6.3 鼠标事件 107
- 6.3.1 鼠标单击 107
- 6.3.2 鼠标(指针)移入和鼠标(指针)移出 109
- 6.3.3 鼠标按下和鼠标松开 111
- 6.4 键盘事件 112
- 6.5 表单事件 115
- 6.5.1 focus 和blur 115
- 6.5.2 select 117
- 6.5.3 change 119
- 6.6 编辑事件 122
- 6.7 滚动事件 123
- 6.8 本章练习 127
- 第7 章 事件进阶 129
- 7.1 绑定事件 129
- 7.1.1 为“已经存在的元素”绑定事件 129
- 7.1.2 为“动态创建的元素”绑定事件 130
- 7.2 解绑事件 131
- 7.3 合成事件 134
- 7.4 一次事件 136
- 7.5 自定义事件 137
- 7.6 event 对象 139
- 7.6.1 event.type 140
- 7.6.2 event.target 141
- 7.6.3 event.which 142
- 7.6.4 event.pageX 和event.pageY 143
- 7.6.5 keyCode 143
- 7.7 this 146
- 7.8 本章练习 148
- 第8 章 jQuery 动画 149
- 8.1 jQuery 动画简介 149
- 8.2 显示与隐藏 150
- 8.2.1 show() 和hide() 150
- 8.2.2 toggle() 153
- 8.3 淡入与淡出 154
- 8.3.1 fadeIn() 和fadeOut() 154
- 8.3.2 fadeToggle() 156
- 8.3.3 fadeTo() 157
- 8.4 滑上与滑下 158
- 8.4.1 slideUp() 和slideDown() 159
- 8.4.2 slideToggle() 160
- 8.5 自定义动画 162
- 8.5.1 简单动画 162
- 8.5.2 累积动画 165
- 8.5.3 回调函数 166
- 8.6 队列动画 168
- 8.7 停止动画 171
- 8.8 延迟动画 174
- 8.9 判断动画状态 175
- 8.10 深入了解jQuery 动画 177
- 8.11 本章练习 178
- 第9 章 过滤方法 179
- 9.1 jQuery 过滤方法简介 179
- 9.2 类名过滤:hasClass() 179
- 9.3 下标过滤:eq() 181
- 9.4 判断过滤:is() 182
- 9.5 反向过滤:not() 184
- 9.6 表达式过滤:filter()、has() 186
- 9.6.1 filter() 187
- 9.6.2 has() 189
- 9.7 本章练习 190
- 第 10 章 查找方法 191
- 10.1 jQuery 查找方法简介 191
- 10.2 查找祖先元素 191
- 10.2.1 parent() 191
- 10.2.2 parents() 194
- 10.2.3 parentsUntil() 196
- 10.3 查找后代元素 197
- 10.3.1 children() 197
- 10.3.2 find() 198
- 10.3.3 contents() 200
- 10.4 向前查找兄弟元素 200
- 10.4.1 prev() 200
- 10.4.2 prevAll() 201
- 10.4.3 prevUntil() 202
- 10.5 向后查找兄弟元素 203
- 10.5.1 next() 204
- 10.5.2 nextAll() 205
- 10.5.3 nextUntil() 206
- 10.6 查找所有兄弟元素 207
- 10.7 本章练习 209
- 第 11 章 工具函数 211
- 11.1 工具函数简介 211
- 11.2 字符串操作 211
- 11.3 URL 操作 212
- 11.4 数组操作 213
- 11.4.1 判断元素:$.inArray() 214
- 11.4.2 合并数组:$.merge() 215
- 11.4.3 转换数组:$.makeArray() 215
- 11.4.4 过滤数组:$.grep() 217
- 11.4.5 遍历数组:$.each() 219
- 11.5 对象操作 221
- 11.6 检测操作 222
- 11.7 自定义工具函数 227
- 11.8 本章练习 228
- 第 12 章 开发插件 230
- 12.1 jQuery 插件简介 230
- 12.2 jQuery 常用插件 231
- 12.2.1 文本溢出:dotdotdot.js 231
- 12.2.2 延迟加载:lazyload.js 232
- 12.2.3 复制粘贴:zclip.js 235
- 12.2.4 表单验证:validate.js 236
- 12.3 jQuery 插件 238
- 12.3.1 方法类插件 238
- 12.3.2 函数类插件 242
- 12.4 本章练习 244
- 第 13 章 Ajax 操作 245
- 13.1 搭建服务器环境 245
- 13.2 Ajax 简介 247
- 13.3 load() 方法 248
- 13.3.1 load() 方法简介 248
- 13.3.2 传递数据 252
- 13.3.3 回调函数 253
- 13.4 $.get() 方法 254
- 13.5 $.post() 方法 256
- 13.6 $.getJSON() 方法 259
- 13.7 $.getScript() 方法 261
- 13.8 $.ajax() 方法 264
- 13.9 本章练习 267
- 第 14 章 高级技巧 268
- 14.1 index() 方法 268
- 14.2 链式调用 271
- 14.3 jQuery 对象与DOM 对象 273
- 14.4 解决库冲突 276
- 14.5 jQuery CDN 279
- 14.5.1 CDN 简介 279
- 14.5.2 jQuery CDN 280
- 14.6 本章练习 281
- 附录A DOM 操作方法 282
- 附录B 常见的事件 284
- 附录C 常见的动画 285
- 附录D 过滤方法 286
- 附录E 查找方法 287