jQuery程序设计基础教程PDF电子书下载

第1部分 基础篇 2

第1章 jQuery概述 2

1.1 初识jQuery 2

1.1.1 什么是jQuery 2

1.1.2 jQuery的优势 3

1.1.3 下载jQuery脚本文件和配置jQuery环境 4

1.1.4 第一个简单的jQuery程序 5

1.2 jQuery对象和DOM对象 6

1.2.1 DOM对象 6

1.2.2 jQuery对象 7

1.3 jQuery开发工具 8

1.3.1 使用Dreamweaver编辑jQuery程序 8

1.3.2 调试jQuery程序 9

练习题 9

第2章 JavaScript程序设计 11

2.1 在HTML中使用JavaScript语言 11

2.1.1 在HTML中插入JavaScript代码 11

2.1.2 使用js文件 12

2.2 基本语法 12

2.2.1 数据类型 12

2.2.2 变量 12

2.2.3 注释 13

2.2.4 运算符 13

2.3 常用语句 17

2.3.1 条件分支语句 17

2.3.2 循环语句 21

2.4 函数 24

2.4.1 创建自定义函数 24

2.4.2 调用函数 25

2.4.3 变量的作用域 26

2.4.4 函数的返回值 26

2.5 JavaScript内置对象 27

2.5.1 JavaScript的内置类框架 27

2.5.2 BOM对象编程 31

2.6.JavaScript事件处理 35

2.6.1 常用HTML事件 35

2.6.2 Event对象 37

2.7.JavaScript编辑和调试工具 38

2.7.1 使用Dreamweaver编辑JavaScript程序 38

2.7.2 调试JavaScript程序 40

练习题 42

第2部分 进阶篇 46

第3章 jQuery选择器 46

3.1 基础选择器 46

3.1.1 Id选择器 46

3.1.2 标签名选择器 47

3.1.3 根据元素的CSS类选择 47

3.1.4 选择所有HTML元素 48

3.1.5 同时选择多个HTML元素 49

3.2 层次选择器 50

3.2.1 ancestor descendant（祖先后代）选择器 50

3.2.2 parent＞child（父＞子）选择器 51

3.2.3 prev+next（前＋后）选择器 52

3.2.4 prev～siblings（前～兄弟）选择器 53

3.3 jQuery过滤器 54

3.3.1 基本过滤器 54

3.3.2 内容过滤器 56

3.3.3 可见性过滤器 58

3.3.4 属性过滤器 59

3.3.5 子元素过滤器 61

练习题 62

第4章 使用jQuery操作HTML元素 63

4.1 使用jQuery访问HTML元素的属性和内容 63

4.1.1 使用jQuery获取HTML元素对应的jQuery对象 63

4.1.2 使用jQuery获取和设置HTML元素的内容 65

4.1.3 使用jQuery获取和设置HTML元素的属性 66

4.1.4 使用jQuery删除HTML元素的属性 68

4.1.5 使用jQuery在网页中添加追加内容 68

4.2 使用jQuery管理HTML元素 70

4.2.1 使用jQuery遍历HTML元素 70

4.2.2 使用jQuery检查某个元素是否包含指定元素 71

4.2.3 使用jQuery删除HTML元素 72

4.2.4 使用jQuery插入HTML元素 74

4.2.5 使用jQuery复制HTML元素 75

4.2.6 使用jQuery替换HTML元素 75

练习题 76

第5章 jQuery插件 78

5.1 概述 78

5.1.1 jQuery的插件机制 78

5.1.2 使用jQuery插件 80

5.2 滚动插件 83

5.2.1 捕获滚动事件的插件Waypoints 83

5.2.2 滚动特效插件scrollTo 84

5.3 图表插件 85

5.3.1 Excel样式的表格插件Handsontable 85

5.3.2 HTML表格插件DataTables 89

5.3.3 图表效果插件Sparklines 91

5.4 布局插件 93

5.4.1 布局插件Masonry 93

5.4.2 动态布局插件Freetile.js 95

5.4.3 瀑布流的网页布局插件Wookmark 98

5.5 文字处理插件 100

5.5.1 自动调整文本大小的FitTextjs插件 100

5.5.2 就地编辑插件jeditable 101

5.6 UI插件 103

5.6.1 旋钮插件knob 103

5.6.2 显示模式弹出框的插件Avgrund 104

5.6.3 滑动导航插件SlideDeck 106

练习题 107

第6章 jQuery的表单编程 109

6.1 HTML表单概述 109

6.1.1 定义表单 109

6.1.2 文本框 110

6.1.3 文本区域 111

6.1.4 单选按钮 111

6.1.5 复选框 112

6.1.6 组合框 113

6.1.7 按钮 113

6.2 jQuery的表单选择器和过滤器 115

6.2.1 表单选择器 115

6.2.2 表单过滤器 116

6.3 jQuery的表单事件处理 118

6.3.1 blur()方法和focus()方法 118

6.3.2 change()方法 119

6.3.3 select()方法 120

6.3.4 submit()方法 121

6.4 操作表单元素 122

6.4.1 操作文本框和文本域 122

6.4.2 操作单选按钮和复选框 122

6.4.3 操作下拉框 123

6.5 jQuery的表单插件 123

6.5.1 a-tools插件 123

6.5.2 两级级联下拉列表插件DoubleSelection 126

6.5.3 表单验证插件Validate 127

6.5.4 其他值得推荐的表单插件 129

练习题 129

第7章 jQuery事件处理 131

7.1 事件处理函数 131

7.1.1 指定事件处理函数 131

7.1.2 绑定到事件处理函数 131

7.1.3 移除事件绑定 133

7.2 Event对象 134

7.2.1 Event对象的属性 135

7.2.2 Event对象的方法 136

7.3 jQuery事件方法 137

7.3.1 键盘事件 137

7.3.2 鼠标事件 138

7.3.3 文档加载事件 139

7.3.4 浏览器事件 139

练习题 141

第8章 使用jQuery设置CSS样式 142

8.1 CSS基础 142

8.1.1 什么是CSS 142

8.1.2 在HTML文档中应用CSS 143

8.1.3 颜色与背景 145

8.1.4 设置字体 146

8.1.5 设置文本对齐 147

8.1.6 超链接 148

8.1.7 列表 149

8.1.8 边框 151

8.1.9 CSS轮廓 153

8.1.10 浮动元素 154

8.2 CSS3的新技术 155

8.2.1 实现圆角效果 155

8.2.2 多彩的边框颜色 159

8.2.3 阴影 161

8.2.4 背景图片 161

8.2.5 多列 163

8.2.6 嵌入字体 164

8.2.7 透明度 166

8.2.8 HSL和HSLA颜色表现方法 167

8.3 在jQuery中设置CSS样式 169

8.3.1 使用css()方法获取和设置CSS属性 169

8.3.2 与样式类别有关的方法 170

8.3.3 获取和设置HTML元素的尺寸 171

8.3.4 获取和设置元素的位置 173

8.3.5 滚动条相关 174

8.4 应用实例 175

8.4.1 动态控制页面字体大小 175

8.4.2 快捷切换网页显示样式 176

练习题 178

第3部分 高级应用篇 182

第9章 jQuery动画特效 182

9.1 显示和隐藏HTML元素 182

9.1.1 以动画效果显示HTML元素 182

9.1.2 隐藏HTML元素 183

9.1.3 切换HTML元素的显示和隐藏状态 184

9.2 淡入／淡出效果 184

9.2.1 实现淡入效果 184

9.2.2 实现淡出效果 185

9.2.3 直接调节HTML元素的透明度 186

9.2.4 以淡入／淡出的效果切换显示和隐藏HTML元素 187

9.3 滑动效果 187

9.3.1 以滑动效果显示隐藏的HTML元素 188

9.3.2 以滑动效果隐藏HTML元素 188

9.3.3 以滑动效果切换显示和隐藏HTML元素 189

9.4 动画队列 190

9.4.1 queue()方法 190

9.4.2 dequeue()方法 192

9.4.3 删除动画队列中的成员 192

9.4.4 延迟动画 193

9.4.5 停止正在执行的动画 194

9.5 执行自定义的动画 194

9.6 应用实例：焦点视频切换栏 196

9.6.1 实例界面和目录结构 196

9.6.2 设计实例页面 197

9.6.3 实现滑动切换的jQuery脚本 201

练习题 203

第10章 jQuery与Ajax 204

10.1 使用XMLHttpRequest对象与服务器通信 204

10.1.1 创建XMLHttpRequest对象 204

10.1.2 发送HTTP请求 205

10.1.3 从服务器接收数据 205

10.2 在jQuery中实现Ajax编程 208

10.2.1 load()方法 208

10.2.2 $.get()方法 209

10.2.3 $.post()方法 209

10.2.4 $.getJSON()方法 210

10.2.5 $.ajax()方法 211

10.2.6 利用Ajax提交表单 212

10.2.7 Ajax的事件 214

10.3 应用实例——使用Ajax实现登录页面 218

练习题 220

第11章 jQuery与HTML5 222

11.1 HTML5基础 222

11.1.1 什么是HTML 222

11.1.2 HTML5的新特性 223

11.1.3 浏览器对HTML5的支持 226

11.2 jQuery HTML5实用编程 227

11.2.1 支持进度显示的文件上传 227

11.2.2 jQuery+HTM15 localStorage编程 232

11.2.3 Canvas绘图 235

11.2.4 基于HTML5播放声音的jQuery插件audioPlay 241

11.3 应用实例 243

11.3.1 jQuery+HTML5+CSS3设计页面布局的实例 243

11.3.2 jQuery+HTML5+CSS3设计视频播放器的实例 248

练习题 253

第12章 jQuery特效应用实例 255

12.1 提示条实例 255

12.1.1 滑出式提示条 255

12.1.2 智能提示条 260

12.2 图片播放 263

12.2.1 实现幻灯片特效 263

12.2.2 实现魔幻盒特效 265

12.2.3 滚动展示图片 268

12.2.4 图片的翻转 269

12.2.5 幻灯片式画廊 270

12.2.6 Blockster过渡特效 277

12.2.7 自动滑动播放图片 279

12.3 菜单和选项卡 280

12.3.1 jQuery+CSS设计选项卡和侧边栏菜单 280

12.3.2 动画菜单 283

12.3.3 动画文本和图标菜单 285

12.3.4 悬停切换的栏目 287

12.3.5 悬停下拉菜单 289

12.3.6 动态导航菜单 291

12.4 广告特效 294

12.4.1 自定义动画广告条 294

12.4.2 弹性伸缩广告 297

第13章 jQuery Mobile 299

13.1 jQuery Mobile概述 299

13.1.1 初识jQuery Mobile 299

13.1.2 引用jQuery Mobile开发包 302

13.2 jQuery Mobile组件 304

13.2.1 页面设计 304

13.2.2 对话框设计 307

13.2.3 弹出框 309

13.2.4 工具栏设计 314

13.2.5 按钮设计 318

13.2.6 列表设计 321

练习题 323

附录1 实验 324

实验1 初识jQuery 324

实验2 JavaScript编程 325

实验3 jQuery选择器 327

实验4 操作HTML元素 328

实验5 jQuery插件 330

实验6 表单编程 331

实验7 事件处理 333

实验8 设置CSS样式 334

实验9 jQuery动画特效 335

实验10 jQuery与Ajax 336

实验11 jQuery与HTML5 337

实验12 jQuery特效应用实例 340

实验13 jQuery Mobile 341

附录2 jQuery常用工具函数 343