JavaScript与jQuery实战教程PDF电子书下载

第1章 JavaScript概述 1

任务1.1 认识JavaScript 1

1.1.1 JavaScript的起源 1

1.1.2 JavaScript的作用 2

1.1.3 JavaScript的基本特点 4

1.1.4 JavaScript的组成 5

任务1.2 在页面显示个人信息 5

1.2.1 选择JavaScript脚本编辑器 6

1.2.2 脚本的基本结构 6

1.2.3 在网页中引用JavaScript的方式 7

1.2.4 常用的输入／输出语句 8

1.2.5 任务实现 11

任务1.3 测试综合案例在主流浏览器上的兼容性 11

1.3.1 浏览器之间的冲突 12

1.3.2 标准的制定 12

1.3.3 任务实现 12

小结 13

实训 13

课后练习 16

第2章 JavaScript基础 19

任务2.1 显示变量数据类型 19

2.1.1 变量 19

2.1.2 数据类型 20

2.1.3 运算符号 23

2.1.4 任务实现 25

任务2.2 根据成绩给出学生考评 26

2.2.1 if语句 26

2.2.2 switch语句 27

2.2.3 任务实现 28

任务2.3 实现猜数游戏 29

2.3.1 for循环 30

2.3.2 while循环 31

2.3.3 do...while循环 31

2.3.4 for...in循环 31

2.3.5 中断循环语句 31

2.3.6 任务实现 32

任务2.4 制作简易计算器 32

2.4.1 数值判断函数 33

2.4.2 自定义函数 33

2.4.3 任务实现 36

小结 37

实训 37

课后练习 40

第3章 JavaScript对象编程 43

任务3.1 在页面动态显示系统时间 43

3.1.1 Date对象的创建 43

3.1.2 Date对象的常用方法 44

3.1.3 定时器函数 46

3.1.4 任务实现 46

任务3.2 制作随机选号页面 47

3.2.1 Math对象的常用属性 48

3.2.2 Math对象的常用方法 49

3.2.3 任务实现 49

任务3.3 制作简单的焦点图效果 50

3.3.1 数组的创建 51

3.3.2 数组的访问 52

3.3.3 数组的常用属性和方法 52

3.3.4 任务实现 54

任务3.4 验证注册页面信息 57

3.4.1 String对象的创建 58

3.4.2 String对象的常用属性和方法 58

3.4.3 任务实现 60

任务3.5 使用正则表达式验证注册页面信息 65

3.5.1 定义正则表达式 66

3.5.2 正则表达式的操作方法 67

3.5.3 正则表达式的模式 69

3.5.4 任务实现 70

小结 73

实训 73

课后练习 79

第4章 BOM编程 82

任务4.1 制作弹出窗口特效 82

4.1.1 顶级对象模型参考 83

4.1.2 window的常用属性 83

4.1.3 window的常用方法 84

4.1.4 window的常用事件 86

4.1.5 任务实现 86

任务4.2 制作网页标题交替显示效果 88

4.2.1 document对象的常用属性 88

4.2.2 任务实现 89

任务4.3 制作复选框全选效果 90

4.3.1 document对象的常用方法 91

4.4.2 任务实现 93

小结 94

实训 94

课后练习 99

第5章 DOM编程 101

任务5.1 画出页面的文档节点结构图 101

5.1.1 什么是DOM 102

5.1.2 DOM的组成 102

5.1.3 DOM模型中的节点 102

5.1.4 任务实现 102

任务5.2 使用Core DOM方式动态添加表格 103

5.2.1 节点的常用属性和方法 104

5.2.2 查看节点 104

5.2.3 创建和增加节点 108

5.2.4 删除和替换节点 110

5.2.5 任务实现 112

任务5.3 使用HTML DOM方式动态添加表格 113

5.3.1 HTML DOM对象 114

5.3.2 访问HTML DOM对象的属性 115

5.3.3 表格对象 115

5.3.4 任务实现 117

任务5.4 拓展 118

5.4.1 用DOM的文档碎片提高页面的执行效率 118

5.4.2 在特定节点后插入节点 120

小结 121

实训 121

课后练习 125

第6章 JavaScript与CSS交互 129

任务6.1 使用JavaScript动态改变导航菜单样式 129

6.1.1 style属性 130

6.1.2 className属性 133

6.1.3 任务实现 134

任务6.2 制作图片轮显效果 136

6.2.1 visibility属性 137

6.2.2 display属性 137

6.2.3 任务实现 139

任务6.3 制作随光标滚动的广告图片 141

6.3.1 获取样式属性值 142

6.3.2 页面事件 144

6.3.3 任务实现 144

任务6.4 拓展 146

6.4.1 制作Tab切换效果 146

6.4.2 制作光标移到某图片上显示该图片对应大图 147

小结 148

实训 149

课后练习 152

第7章 jQuery基础 157

任务7.1 使用jQuery在警告框中显示“Hello World！” 157

7.1.1 jQuery的优势 158

7.1.2 配置jQuery环境 158

7.1.3 jQuery开发工具和插件 159

7.1.4 任务实现 160

任务7.2 网站品牌列表的显示与收起 161

7.2.1 基本选择器 162

7.2.2 层次选择器 166

7.2.3 过滤选择器 167

7.2.4 任务实现 179

任务7.3 拓展 181

7.3.1 jQuery对象与DOM对象 181

7.3.2 表单选择器 183

小结 185

实训 185

课后练习 188

第8章 jQuery中的DOM操作 191

任务8.1 制作图片展示效果 191

8.1.1 获取和设置属性 192

8.1.2 删除属性 192

8.1.3 任务实现 192

任务8.2 制作留言板前端局部更新效果 194

8.2.1 查找节点 194

8.2.2 创建节点 195

8.2.3 插入节点 196

8.2.4 任务实现 197

任务8.3 制作电子邮件删除效果 199

8.3.1 删除节点 200

8.3.2 复制节点 202

8.3.3 替换节点 202

8.3.4 遍历节点 202

8.3.5 任务实现 203

任务8.4 表格隔行变色和当前行变色 204

8.4.1 获取和设置style对象的属性 205

8.4.2 获取和设置class样式 206

8.4.3 追加和移除样式 206

8.4.4 判断是否含有某个样式 207

8.4.5 任务实现 208

任务8.5 拓展 209

8.5.1 制作导航栏菜单效果 209

8.5.2 制作层叠图片横向平滑移动轮播切换效果 210

小结 214

实训 214

课后练习 218

第9章 jQuery中的事件 221

任务9.1 微博字数统计 221

9.1.1 加载DOM 222

9.1.2 事件绑定 224

9.1.3 事件移除 225

9.1.4 简写事件 225

9.1.5 任务实现 227

任务9.2 制作图片提示效果 228

9.2.1 事件对象 229

9.2.2 事件冒泡 229

9.2.3 任务实现 231

任务9.3 改变图片透明度 232

9.3.1 合成事件hover 233

9.3.2 特殊事件one 233

9.3.3 任务实现 234

任务9.4 拓展 234

9.4.1 模拟操作trigger（）方法 234

9.4.2 事件命名空间 235

小结 236

实训 236

课后练习 240

第10章 jQuery制作动画 242

任务10.1 FAQ答案的显示和隐藏 242

10.1.1 show（）和hide（）方法 243

10.1.2 fadeIn（）和fadeOut（）方法 244

10.1.3 slideUp（）和slideDown（）方法 245

10.1.4 任务实现 245

任务10.2 图片横向移动效果 247

10.2.1 自定义动画方法animate（） 248

10.2.2 动画回调函数 251

10.2.3 停止动画和判断是否处于动画状态 252

10.2.4 任务实现 256

任务10.3 拓展 261

10.3.1 焦点幻灯片效果 261

10.3.2 背景动画全屏焦点图效果 263

小结 266

实训 266

课后练习 270

第11章 jQuery插件应用 273

任务11.1 使用jqZoom插件实现图片放大镜效果 273

11.1.1 jqZoom插件简介 274

11.1.2 jqZoom插件参数 274

11.1.3 任务实现 275

任务11.2 使用Fancybox插件实现图片播放效果 276

11.2.1 Fancybox插件简介 277

11.2.2 Fancybox插件参数 277

11.2.3 任务实现 278

任务11.3 编写表格隔行变色插件 280

11.3.1 插件的种类 280

11.3.2 插件的注意事项 281

11.3.3 jQuery插件的机制 281

11.3.4 命名空间 282

11.3.5 编写jQuery插件 282

11.3.6 任务实现 285

小结 286

实训 286

课后练习 288

第12章 项目案例：化妆品网站 289

任务12.1 案例分析 289

12.1.1 需求概述 289

12.1.2 开发环境 292

12.1.3 案例覆盖的技能点 292

12.1.4 开发技巧 293

任务12.2 页面交互效果实现 294

12.2.1 首页交互效果 294

12.2.2 产品列表页面交互效果 308

12.2.3 订购页面交互效果 320

12.2.4 用户注册交互效果 325

小结 331

参考文献 332