【现货速发】JavaScript+jQuery Web交互程序设计

一个标准的网页由结构、表现、行为三部分组成。它对应的标准语言分别是结构化标准语言、表现标准语言和行为标准语言。JavaScript主要负责页面中元素的行为，是目前运用广泛的行为标准语言。它可以让页面更加实用、友好，并且丰富多彩。

随着网络技术的不断进步以及AJAX运用的不断拓展，其核心技术JavaScript越来越受到人们的关注。JavaScript不仅可用来开发交互式的Web页面，还可将HTML、XML和Java Applet、Flash等Web对象有机地结合起来，快速生成Internet上使用的分布式应用程序。随着各种针对JavaScript的框架不断推出，jQuery作为JavaScript框架的优秀代表，可以使开发者轻松实现以往需要大量JavaScript开发才能完成的功效，并且对于CSS、DOM、AJAX等各种标准Web技术，jQuery都提供了许多实用简便的方法。同时也很好地解决了浏览器之间的兼容性，为开发者省去了很多繁琐的代码编写过程。

本书具有以下特色和价值。

(1) 项目驱动，案例教学，采用模块化进行整合，面向岗位，突出技能培养。

(2) 本教材在教学实施中，要求运用先进的教学手段。

(3) 完善学生的知识结构，培养复合型人才，提升学生就业竞争力。

(4) 打破传统学科体系框架，提供了方便老师、学生能够便捷查询、浏览案例的二维码资源包。

本书二维码资源包分两种，第1种为每章案例的源码及可运行网页，可通过扫描每个案例的二维码打开；第2种为整章的综合案例源码及可运行网页，可通过扫描该章“课后练习”前的二维码打开。

“JavaScript jQuery动态网页设计与制作”是计算机应用专业非常重要的专业核心课程，也是IT从业者所必须具备的关键技能。本书融入了JavaScript jQuery动态网页设计与制作的实践教学理念，力求严谨，注重与时俱进，具有知识系统、案例丰富、流程清晰、实用性强、注重实践技能与能力培养的特点。

本书作为应用型大学计算机专业的特色教材，坚持科学发展观，严格按照*关于“加强职业教育、突出实践能力培养”的教学改革精神，针对该课程教学的特殊要求和职业能力培养目标，既注重理论知识讲解，又突出操作技能训练；这将有助于学生尽快掌握应知应会专业技能，对于学生毕业后顺利走上社会就业具有特殊意义。

本教材由李大军统筹策划并具体组织；李妍和柴俊霞为主编；李妍统改稿；李毅、周波为副主编；由曹记东教授审订。作者编写分工: 李妍编写第1章、第4章、第5章，胡晨硕编写第2章、第6章，柴俊霞编写第3章、第8章，李毅编写第7章、第11章，周波编写第9章、第10章，高虎编写第12章，关忠整理案例代码，华燕萍对文字进行修改和版式调整，李晓新制作教学课件。

在教材编写过程中，参阅了大量国内外有关JavaScript jQuery动态网页设计与制作的书刊、网站资料，精选具有典型意义的案例，并得到计算机行业协会及业界专家教授的具体指导，在此一并致谢。为配合教学，本书提供了配套的电子课件，读者可以从清华大学出版社网站(www.tup.com.cn)免费下载使用。因作者水平有限，书中难免存在疏漏和不足，恳请同行和读者批评指正。

编者2018年1月

第1章JavaScript概述1

1.1JavaScript简介1

1.2JavaScript的编辑工具2

1.3JavaScript的嵌入4

1.4上机练习6

第2章JavaScript基础8

2.1JavaScript的语法规则8

2.2数据类型10

2.3运算符和表达式11

2.4上机练习13

2.5流程控制16

2.5.1选择结构16

2.5.2循环结构21

2.6函数23

2.6.1函数的定义和调用24

2.6.2带有返回值的函数25

2.6.3变量的作用域26

第3章应用CSS28

3.1CSS概述28

3.1.1CSS的优点28

3.1.2如何编辑CSS29

3.2CSS选择器30

3.2.1CSS基本语法30

3.2.2标签选择器31

3.2.3类选择器31

3.2.4ID选择器32

3.2.5其他选择器33

3.3CSS的使用方法37

3.3.1行内样式37

3.3.2内嵌式38

3.3.3链接式39

3.3.4导入样式40

3.3.5用脚本来运用CSS样式42

3.4CSS应用43

3.4.1长度单位和颜色单位43

3.4.2CSS设置字体44

3.4.3CSS设置文本47

3.4.4CSS设置图像51

3.4.5CSS设置背景52

3.4.6CSS设置超链接56

3.4.7CSS设置鼠标特效57

3.4.8CSS制作实用菜单58

第4章DOM模型62

4.1DOM简介62

4.2DOM编程基础63

4.3DOM节点操作66

4.3.1获取DOM中的元素66

4.3.2节点的常用属性和方法70

4.3.3检测节点类型71

4.3.4利用父子兄关系查找节点71

4.3.5设置节点属性76

4.3.6创建和添加节点77

4.3.7删除节点79

4.3.8替换节点80

4.3.9在特定节点前插入节点81

4.3.10在特定节点后插入节点82

4.4使用非标准DOM innerHTML属性84

4.5DOM与CSS85

4.5.1三位一体的页面85

4.5.2使用className属性86

第5章JavaScript中的对象88

5.1对象的基本概念88

5.2内置对象89

5.2.1字符串对象89

5.2.2数字对象91

5.2.3算数对象93

5.2.4日期对象95

5.2.5数组对象97

5.2.6浏览器对象99

5.2.7文档对象100

5.2.8窗口对象103

第6章JavaScript中的事件与事件处理106

6.1事件及事件处理程序106

6.2JavaScript的常用事件107

6.2.1键盘事件107

6.2.2鼠标事件108

6.2.3onload事件和onunload事件110

6.2.4表单事件112

第7章JavaScript网页特效114

7.1文字特效114

7.1.1跑马灯效果114

7.1.2打字效果115

7.1.3文字大小变化效果117

7.2图片特效118

7.2.1改变页面中图片的位置118

7.2.2鼠标拖动滑块改变图片大小119

7.2.3不断闪烁的图片122

7.3时间和日期特效123

7.3.1标题栏显示分时问候语123

7.3.2显示当前系统时间124

7.3.3星期查询功能124

7.4鼠标特效125

7.4.1屏蔽鼠标右键125

7.4.2获取鼠标位置坐标125

7.4.3移动改变鼠标外观126

7.5菜单特效128

7.5.1左键弹出菜单128

7.5.2下拉菜单129

7.5.3滚动菜单131

7.6表单特效136

7.6.1控制用户输入字符个数136

7.6.2设置单选按钮138

7.6.3设置复选框139

7.6.4设置下拉菜单141

第8章jQuery基础143

8.1jQuery概述143

8.1.1jQuery简介143

8.1.2jQuery的功能151

8.1.3jQuery的特点152

8.1.4下载并使用jQuery152

8.2jQuery的“＄”153

8.2.1选择器153

8.2.2功能函数前缀155

8.2.3解决window.onload函数的冲突155

8.2.4创建DOM元素156

8.2.5自定义添加“$”157

8.2.6解决“$”的冲突157

8.3jQuery对象与DOM对象157

8.4案例——我的个jQuery程序159

第9章jQuery选择器161

9.1jQuery选择器简介161

9.2jQuery选择器的分类161

9.3jQuery中元素属性的操作163

9.3.1设置元素属性164

9.3.2删除元素属性165

9.4jQuery中样式类的操作165

9.4.1添加样式类165

9.4.2移除样式类167

9.4.3交替样式类168

9.5jQuery中样式属性的操作169

9.5.1读取样式属性169

9.5.2设置样式属性170

9.5.3设置元素偏移171

9.6jQuery中元素内容的操作171

9.6.1操作HTML代码172

9.6.2操作文本172

9.6.3操作表单元素的值173

9.7筛选与查找元素集中的元素175

第10章使用jQuery制作动画与特效185

10.1显示与隐藏效果185

10.1.1隐藏元素的hide()方法185

10.1.2显示元素的show()方法186

10.1.3交替显示隐藏元素188

10.2滑动效果191

10.2.1向上收缩效果191

10.2.2向下展开效果192

10.2.3交替伸缩效果193

10.3淡入淡出效果194

10.3.1淡入效果195

10.3.2淡出效果195

10.3.3交替淡入淡出效果196

10.3.4不透明效果197

10.4自定义动画效果197

10.4.1自定义动画197

10.4.2动画队列198

10.4.3动画停止和延时199

第11章jQuery与AJAX203

11.1AJAX简介203

11.1.1AJAX概述203

11.1.2AJAX原理和XmlHttpRequest对象203

11.1.3jQuery AJAX操作函数205

11.2jQuery中的AJAX方法206

11.2.1load()方法206

11.2.2$.get()方法和$.post()方法208

11.2.3$.getScript()方法和$.getJSON()方法210

11.2.4$.ajax()方法210

11.3jQuery中的AJAX事件211

第12章jQuery插件的开发与使用214

12.1jQuery插件214

12.2常用jQuery插件215

12.3开发自己的插件220

参考文献224

第1章JavaScript概述1

1.1JavaScript简介1

1.2JavaScript的编辑工具2

1.3JavaScript的嵌入4

1.4上机练习6

第2章JavaScript基础8

2.1JavaScript的语法规则8

2.2数据类型10

2.3运算符和表达式11

2.4上机练习13

2.5流程控制16

2.5.1选择结构16

2.5.2循环结构21

2.6函数23

2.6.1函数的定义和调用24

2.6.2带有返回值的函数25

2.6.3变量的作用域26

第3章应用CSS28

3.1CSS概述28

3.1.1CSS的优点28

3.1.2如何编辑CSS29

3.2CSS选择器29

3.2.1CSS基本语法30

3.2.2标签选择器30

3.2.3类选择器31

3.2.4ID选择器31

3.2.5其他选择器32

3.3CSS的使用方法36

3.3.1行内样式36

3.3.2内嵌式37

3.3.3链接式38

3.3.4导入样式39

3.3.5用脚本来运用CSS样式40

3.4CSS应用42

3.4.1长度单位和颜色单位42

3.4.2CSS设置字体43

3.4.3CSS设置文本46

3.4.4CSS设置图像50

3.4.5CSS设置背景51

3.4.6CSS设置超链接55

3.4.7CSS设置鼠标特效56

3.4.8CSS制作实用菜单57

第4章DOM模型61

4.1DOM简介61

4.2DOM编程基础62

4.3DOM节点操作65

4.3.1获取DOM中的元素65

4.3.2节点的常用属性和方法69

4.3.3检测节点类型70

4.3.4利用父子兄关系查找节点70

4.3.5设置节点属性75

4.3.6创建和添加节点76

4.3.7删除节点78

4.3.8替换节点79

4.3.9在特定节点前插入节点80

4.3.10在特定节点后插入节点81

4.4使用非标准DOM innerHTML属性83

4.5DOM与CSS84

4.5.1三位一体的页面84

4.5.2使用className属性85

第5章JavaScript中的对象87

5.1对象的基本概念 87

5.2内置对象88

5.2.1字符串对象88

5.2.2数字对象90

5.2.3算数对象92

5.2.4日期对象94

5.2.5数组对象96

5.2.6浏览器对象98

5.2.7文档对象99

5.2.8窗口对象102

第6章JavaScript中的事件与事件处理105

6.1事件及事件处理程序105

6.2JavaScript的常用事件106

6.2.1键盘事件106

6.2.2鼠标事件107

6.2.3onload事件和onUnload事件109

6.2.4表单事件111

第7章JavaScript网页特效113

7.1文字特效113

7.1.1跑马灯效果113

7.1.2打字效果114

7.1.3文字大小变化效果116

7.2图片特效117

7.2.1改变页面中图片的位置117

7.2.2鼠标拖动滑块改变图片大小118

7.2.3不断闪烁的图片121

7.3时间和日期特效122

7.3.1标题栏显示分时问候语122

7.3.2显示当前系统时间123

7.3.3星期查询功能123

7.4鼠标特效123

7.4.1屏蔽鼠标右键124

7.4.2获取鼠标位置坐标124

7.4.3移动改变鼠标外观125

7.5菜单特效127

7.5.1左键弹出菜单127

7.5.2下拉菜单128

7.5.3滚动菜单129

7.6表单特效135

7.6.1控制用户输入字符个数135

7.6.2设置单选按钮137

7.6.3设置复选框138

7.6.4设置下拉菜单140

第8章jQuery基础142

8.1jQuery概述142

8.1.1jQuery简介142

8.1.2jQuery的功能150