JavaScript与jQuery案例教程PDF|Epub|txt|kindle电子书版本网盘下载

JavaScript与jQuery案例教程PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 JavaScript初探1

学习目标1

【知识目标】1

【技能目标】1

任务描述：实现商品详情展示2

知识准备2

1.1 JavaScript简述2

1.1.1 JavaScript简史2

1.1.2 JavaScript引擎的工作原理3

1.1.3 JavaScript代码执行顺序4

1.1.4 JavaScript的组成5

1.1.5 JavaScript的主要特点5

1.1.6 JavaScript相关应用6

1.2 JavaScript编程起步8

1.2.1 选择JavaScript脚本编辑器8

1.2.2 引入JavaScript脚本代码到HTML文档中的方法12

1.2.3 常用输出语句16

任务实施18

任务训练20

【理论测试】20

【实训内容】21

第2章 JavaScript语言基础23

学习目标23

【知识目标】23

【技能目标】23

任务描述：实现猜数字游戏24

知识准备26

2.1 数据类型26

2.1.1 数值型26

2.1.2 字符串型27

2.1.3 布尔型28

2.1.4 特殊数据类型28

2.1.5 数据类型的自动转换30

2.2 变量30

2.2.1 关键字30

2.2.2 变量的定义与命名31

2.2.3 变量的声明与赋值31

2.3 函数32

2.3.1 函数的定义与调用32

2.3.2 带有返回值的函数35

2.3.3 变量的作用域37

2.4 内置函数38

2.5 运算符与表达式40

2.5.1 表达式40

2.5.2 运算符40

2.6 基本语句46

2.6.1 注释语句46

2.6.2 流程控制语句46

2.6.3 异常处理语句52

2.6.4 prompt（）方法53

任务实施54

任务训练56

【理论测试】56

【实训内容】57

【实训拓展】57

第3章 常用内置对象59

学习目标59

【知识目标】59

【技能目标】59

任务描述：实现简洁美观的计算器60

知识准备60

3.1 数组（Array）对象60

3.1.1 新建数组60

3.1.2 动态数组61

3.1.3 数组对象的常用属性与方法61

3.1.4 二维数组64

3.2 日期（Date）对象66

3.2.1 新建日期66

3.2.2 日期对象的属性与方法67

3.2.3 定时器函数69

3.2.4 动态改变元素样式69

3.2.5 日期对象应用案例70

3.3 数学（Math）对象73

3.3.1 使用数学对象73

3.3.2 数学对象的属性与方法74

3.3.3 数字的格式化与产生随机数75

3.3.4 数学对象应用案例75

3.4 字符串（String）对象77

3.4.1 使用字符串对象77

3.4.2 字符串相加77

3.4.3 在字符串中使用单引号、双引号及其他特殊字符78

3.4.4 比较字符串是否相等78

3.4.5 字符串对象的属性与方法79

3.4.6 字符串对象应用案例80

3.4.7 字符串对象应用于表单81

3.5 JavaScript正则表达式85

3.5.1 正则表达式85

3.5.2 创建正则表达式85

3.5.3 正则表达式对象的方法86

3.5.4 正则表达式中的常用符号87

3.6 拓展：用户注册的实现90

任务实施96

任务训练103

【理论测试】103

【实训内容】104

【实训拓展】105

第4章 自定义对象及表格操作107

学习目标107

【知识目标】107

【技能目标】107

任务描述：学生成绩管理108

知识准备108

4.1 JavaScript自定义对象108

4.1.1 JavaScript对象108

4.1.2 JavaScript自定义对象建立方案109

4.1.3 学生对象的建立114

4.1.4 使用表单动态创建学生对象115

4.1.5 遍历数组输出展示学生对象信息118

4.2 动态表格119

4.2.1 表格建立119

4.2.2 动态插入行和单元格119

4.2.3 动态删除某行123

4.2.4 动态选中多行并删除124

任务实施131

任务训练138

【理论测试】138

【实训内容】139

第5章 BOM和DOM141

学习目标141

【知识目标】141

【技能目标】141

任务描述：JavaScript实现带文字描述的图片相册142

知识准备142

5.1 JavaScript BOM142

5.1.1 BOM概述142

5.1.2 多窗口控制145

5.1.3 浏览器（navigator）对象150

5.1.4 屏幕（screen）对象153

5.1.5 地址（location）对象154

5.1.6 历史（history）对象155

5.2 访问HTMLDOM对象157

5.2.1 获取文档对象中元素对象的一般方法159

5.2.2 元素的innerText、inner-HTML、outerHTML、outerText161

5.2.3 修改HTML元素162

5.2.4 导航节点关系165

5.2.5 DOM优化169

5.2.6 DOM事件170

5.3 DOM扩展173

5.3.1 querySelector（）与querySelectorAll（）173

5.3.2 元素的遍历175

5.3.3 classList属性177

5.4 本地存储178

5.4.1 JavaScript cookie178

5.4.2 HTML5 Web Storage181

任务实施182

任务训练184

【理论测试】184

【实训内容】185

第6章 项目实战：JavaScript实现在线测试系统187

学习目标187

【知识目标】187

【技能目标】187

任务描述：实现在线测试系统188

知识准备191

6.1 在线测试系统：页面架构191

6.2 在线测试系统：页眉的设计与实现191

6.2.1 页眉的结构描述191

6.2.2 页眉元素及CSS样式代码分析191

6.2.3 JavaScript实现显示日期及退出功能193

6.3 在线测试系统：页面主体部分架构设计194

6.4 在线测试系统：侧边导航的设计与实现195

6.4.1 侧边导航的内容结构描述195

6.4.2 侧边导航的样式设置196

6.4.3 JavaScript实现导航功能及代码分析198

6.5 在线测试系统：JavaScript实现用户登录199

6.5.1 用户登录的内容结构描述199

6.5.2 用户登录的样式设置200

6.5.3 JavaScript实现用户登录居中显示效果202

6.5.4 JavaScript实现用户登录验证功能202

6.6 在线测试系统：用户密码修改的实现204

6.6.1 用户密码修改的内容结构描述204

6.6.2 用户密码修改的样式设置204

6.6.3 JavaScript实现用户密码修改居中和锁屏功能206

6.7 JavaScript实现原生Ajax应用207

6.7.1 Ajax简介207

6.7.2 原生JavaScript实现Ajax的步骤208

6.7.3 Ajax实现在线测试系统远程验证—登录功能215

6.7.4 JavaScript实现用户按角色登录功能216

6.7.5 拓展：数据库操作实现216

6.8 在线测试系统：在线测试功能模块的实现218

6.8.1 在线测试功能模块的内容结构描述219

6.8.2 在线测试功能模块的样式设置219

6.8.3 JavaScript实现在线测试功能219

6.8.4 JavaScript实现在线测试功能：页脚模块的实现223

任务训练223

【理论测试】223

【实训内容】224

【实训拓展】224

第7章 jQuery基础225

学习目标225

【知识目标】225

【技能目标】225

任务描述：实现文字和图片提示效果226

知识准备226

7.1 jQuery简介226

7.1.1 jQuery环境配置227

7.1.2 jQuery应用的创建229

7.1.3 jQuery对象与DOM对象的转换232

7.2 jQuery常用选择器的应用233

7.2.1 基本选择器233

7.2.2 层次选择器235

7.2.3 过滤选择器241

7.3 jQuery控制页面250

7.3.1 DOM元素的遍历250

7.3.2 DOM元素属性操作及节点添加254

7.3.3 DOM节点删除、复制和替换258

7.4 jQuery事件261

7.4.1 事件绑定与解除263

7.4.2 复合事件266

任务实施267

任务训练270

【理论测试】270

【实训内容】271

第8章 jQuery进阶273

学习目标273

【知识目标】273

【技能目标】273

任务描述：jQuery实现本地验证和远程验证274

8.1 jQuery动画275

8.1.1 元素的显示与隐藏275

8.1.2 回调函数的使用278

8.1.3 自定义动画280

8.2 jQuery与Ajax289

8.2.1 Ajax简介289

8.2.2 load（）方法290

8.2.3 ＄.get（）和＄.post（）方法293

8.2.4 ＄.ajax（）方法294

8.2.5 表单序列化296

8.2.6 ＄.getScript（）和＄.getJSON（）方法297

8.3 jQuery插件301

8.3.1 插件简介301

8.3.2 开发plugin301

8.3.3 第三方插件的使用306

任务实施311

任务训练315

【理论测试】315

【实训内容】316

【实训拓展】316

第9章 项目实战：jQuery UI实现服饰网站317

学习目标317

【知识目标】317

【技能目标】317

任务描述：实现服饰网站318

知识准备319

9.1 jQuery UI插件319

9.1.1 jQuery UI简介319

9.1.2 jQuery UI使用：datepicker320

9.1.3 jQuery UI使用：dialog322

9.2 服饰网站：页眉的设计与实现326

9.2.1 页眉元素及CSS样式代码设计326

9.2.2 jQuery UI使用：button328

9.3 服饰网站：页面主体部分的设计与实现329

9.3.1 页面主体部分设计329

9.3.2 菜单的设计329

9.3.3 主体选项卡的设计333

9.3.4 页脚模块的实现339

9.4 服饰网站：商品详情页面的设计与实现340

9.4.1 详情页面页眉设计340

9.4.2 详情页面主体的内容结构描述340

9.4.3 详情页面主体的样式设置343

9.4.4 详情页面主体的功能实现345

任务训练347

【实训内容】347

【实训拓展】348

参考文献349