JavaScript + jQuery Web 交互程序设计（第2版）

本书是编者根据多年的教学实践和工作经验编写而成。本书从介绍JavaScript的基础知识开始，通过大量实例对JavaScript、css、DOM、Ajax等关键技术进行深入浅出的分析，在此基础上，本书通过精彩的实例详细讲解了jQuery的相关技术，主要包括jQuery的基础、如何实用jQuery控制页面、制作动画与特效、简化Ajax以及jQuery插件等内容。
  本书内容编排并不求全、求深，而是考虑学生接受能力，选择JavaScript和jQuery中、实用的知识进行讲解。各种知识和配套实例循序渐进、环环相扣，逐步涉及实际案例的各个方面。

 

本书采用模块化、任务式内容编排方式，根据JavaScript jQuery Web交互程序设计操作规程，结合实际应用具体介绍了JavaScript基础、应用CSS、DOM模型、JavaScript中的对象、JavaScript中的事件与事件处理、JS网页特效、jQuery基础、jQuery选择器、使用jQuery制作动画与特效、jQuery与Ajax、jQuery的插件的开发与使用等相关内容，意图通过指导学生实训和强化实践进而加强应用技能培养。
本书具有知识系统、案例丰富、贴近实际，以及注重专业技术与实践应用相结合等特点，既可以作为应用型大学和高职高专计算机网络、电子商务等专业的首选教材，也可以用于企事业从业者的在职岗位培训，或作为广大IT就业创业者的自学参考用书。

第1章JavaScript概述

1.1JavaScript简介

1.1.1JavaScript语言的发展过程

1.1.2JavaScript的特点

1.1.3JavaScript的应用

1.2JavaScript的运行及编辑

1.2.1主要功能

1.2.2JavaScript的语言组成

1.2.3编辑工具

1.3JavaScript的加载

1.3.1内部引用JavaScript

1.3.2外部引用JavaScript文件

1.3.3内联引用JavaScript

1.4上机实战

课后练习

第2章JavaScript基础

2.1JavaScript的语法规则

2.1.1标识符

2.1.2变量

2.1.3注释

2.2数据类型

2.2.1数值型(Number)

2.2.2字符串类型(String)

2.2.3布尔型(Boolean)

2.2.4未定义值型(Undefined)和空值型(Null)

2.3运算符和表达式

2.3.1算术运算符

2.3.2赋值运算符

2.3.3关系运算符

2.3.4逻辑运算符

2.3.5字符串运算符

2.4上机实战

2.4.1变量的定义和显示

2.4.2算术运算符的使用

2.4.3关系运算符的使用

2.5流程控制

2.5.1选择结构

2.5.2循环结构

2.6函数

2.6.1函数的定义和调用

2.6.2带有返回值的函数

2.6.3变量的作用域

课后练习

 

 

 

 

 

 

 

 

 

 

 

第3章应用CSS

3.1CSS概述

3.1.1CSS的优势

3.1.2CSS语法基础

3.1.3如何编辑CSS

3.2CSS选择器

3.2.1CSS基本语法

3.2.2标记选择器

3.2.3类选择器

3.2.4ID选择器

3.2.5其他选择器

3.3CSS的使用方法

3.3.1行内样式

3.3.2内嵌式

3.3.3链接式

3.3.4导入样式

3.3.5用脚本来运用CSS样式

3.4CSS应用

3.4.1长度单位和颜色单位

3.4.2CSS设置字体

3.4.3CSS设置文本

3.4.4CSS设置图像

3.4.5CSS设置背景

3.4.6CSS设置超链接

3.4.7CSS设置鼠标特效

3.4.8CSS制作实用菜单

课后练习

第4章DOM模型

4.1DOM简介

4.2DOM编程基础

4.2.1DOM树的结构

4.2.2DOM模型中的节点

4.2.3document对象

4.3DOM节点操作

4.3.1获取DOM中的元素

4.3.2节点的常用属性和方法

4.3.3检测节点类型

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

4.3.5设置节点属性

4.3.6创建和添加节点

4.3.7删除节点

4.3.8替换节点

4.3.9在特定节点前插入节点

4.3.10在特定节点后插入节点

4.4使用非标准DOM innerHTML属性

4.5DOM与CSS

4.5.1三位一体的页面

4.5.2使用className属性

课后练习

第5章JavaScript中的对象

5.1对象的基本概念

5.1.1对象的属性和方法

5.1.2对象的创建

5.2内置对象

5.2.1字符串对象(String)

5.2.2数字对象(Number)

5.2.3算数对象(Math)

5.2.4日期对象(Date)

5.2.5数组对象(Array)

5.2.6浏览器对象(navigator)

5.2.7文档对象(document)

5.2.8窗口对象(window)

课后练习

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

6.1事件及事件处理程序

6.1.1事件

6.1.2事件和事件处理程序

6.2JavaScript的常用事件

6.2.1键盘事件

6.2.2鼠标事件

6.2.3Load事件和Unload事件

6.2.4表单事件

课后练习

第7章JS网页特效

7.1文字特效

7.1.1跑马灯效果

7.1.2打字效果

7.1.3文字大小变化效果

7.2图片特效

7.2.1改变页面中图片的位置

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

7.2.3不断闪烁的图片

7.3时间和日期特效

7.3.1标题栏显示分时问候语

7.3.2显示当前系统时间

7.3.3星期查询功能

7.4鼠标特效

7.4.1屏蔽鼠标右键

7.4.2获取鼠标位置坐标

7.4.3移动时改变鼠标指针外观

7.5菜单特效

7.5.1左键弹出菜单

7.5.2下拉菜单

7.5.3滚动菜单

7.6表单特效

7.6.1控制用户输入字符个数

7.6.2设置单选按钮

7.6.3设置复选框

7.6.4设置下列菜单

7.7其他常用特效

7.7.1js页面加载进度条

7.7.2js实现简单选项卡与自动切换效果

课后练习

第8章jQuery基础

8.1jQuery概述

8.1.1jQuery简介

8.1.2jQuery的功能

8.1.3jQuery的特点

8.1.4下载并使用jQuery

8.2jQuery的关键字$

8.2.1选择器

8.2.2功能函数前缀

8.2.3解决windows.onload函数的冲突

8.2.4创建DOM元素

8.2.5自定义添加$

8.2.6解决$的冲突

8.3jQuery对象与DOM对象

8.3.1两种对象简介

8.3.2jQuery对象与DOM对象的相互转换

8.4案例—第一个jQuery程序

8.4.1下载jQuery库文件

8.4.2在程序中引入jQuery库文件

课后练习

第9章jQuery选择器

9.1jQuery选择器简介

9.2jQuery选择器的分类

9.3jQuery中元素属性的操作

9.3.1设置元素属性

9.3.2删除元素属性

9.4jQuery中样式类的操作

9.4.1添加样式类

9.4.2移除样式类

9.4.3交替样式类

9.5jQuery中样式属性的操作

9.5.1读取样式属性

9.5.2设置样式属性

9.5.3设置元素偏移

9.6jQuery中元素内容的操作

9.6.1操作HTML代码

9.6.2操作文本

9.6.3操作表单元素的值

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

课后练习

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

10.1显示和隐藏元素

10.1.1隐藏元素的hide()方法

10.1.2显示元素的show()方法

10.1.3交替显示隐藏元素

10.2滑动效果

10.2.1向上收缩效果

10.2.2向下展开效果

10.2.3交替伸缩效果

10.3淡入/淡出效果

10.3.1淡入效果

10.3.2淡出效果

10.3.3交替淡入/淡出效果

10.3.4不透明效果

10.4自定义动画效果

10.4.1自定义动画

10.4.2动画队列

10.4.3动画停止和延时

课后练习

第11章jQuery与Ajax

11.1Ajax简介

11.1.1Ajax概述

11.1.2Ajax原理和XmlHttpRequest对象

11.1.3jQuery中Ajax操作函数

11.2jQuery中的Ajax方法

11.2.1load()方法

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

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

11.2.4$.ajax()方法

11.3jQuery中的Ajax事件

课后练习

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

12.1jQuery插件

12.2常用jQuery插件

12.3开发自己的插件

课后练习

参考文献

 

随着计算机技术与网络通信技术的飞速发展，涌现了大量如电子商务、电子政务、物联网、大数据、云计算、人工智能等新经济、新业态，计算机及网络应用已经渗透到社会经济各个领域，并在促进生产、促进外贸、开拓国际市场、拉动就业、支持大学生创业、推动经济发展、改善民生、丰富社会文化生活、构建和谐社会等方面发挥着巨大作用。

Web交互程序设计是计算机应用技术及其相关专业非常重要的专业核心课程，也是IT从业者必须具备的关键技能。一个标准的网页由结构、表现、行为三部分组成，对应的标准语言分别是结构化标准语言、表现标准语言和行为标准语言。JavaScript jQuery主要负责页面中元素的行为，是目前运用最广泛的行为标准语言，它可以让页面更加实用、友好并且丰富多彩。

本书自出版以来，因内容实用且语言通俗易懂而深受全国各高校广大师生的欢迎，目前已多次重印，此次改版，编者审慎地对第1版进行了去粗取精并加以新内容的补充，以使其更能体现计算机网络应用技术的最新发展，更好地为国家经济建设和职业教育教学实践服务。

本书作为高职高专计算机应用技术及其相关专业的特色教材，以学习者应用能力提高为主线，严格遵循关于“加强职业教育、突出实践能力培养”的教学改革精神，针对该课程教学的特殊要求和职业应用能力的培养目标，既注重理论知识讲解，又突出从业实际操作技能训练，力求做到“课上”讲练结合重在流程和方法的掌握，“课下”学以致用能够具体应用于企事业实际工作，这将更有助于学生尽快掌握应知应会专业技能。

本书共12章，采用模块化、任务式写作方式，根据JavaScript jQuery Web交互程序设计操作规程，结合应用具体介绍了JavaScript基础、应用CSS、DOM模型、JavaScript中的对象、JavaScript中的事件与事件处理、JS网页特效、jQuery基础、jQuery选择器、使用jQuery制作动画与特效、jQuery与Ajax、jQuery的插件的开发与使用等相关内容，通过指导学生实训和强化实践进而加强应用技能培养。

由于本书融入了JavaScript jQuery Web交互程序设计最新的实践教学理念，力求严谨，注重与时俱进，具有知识系统、案例丰富、贴近实际，以及注重专业技术与实践应用相结合等特点，因此既可以作为应用型大学和高职高专计算机网络、电子商务等专业的首选教材，也可以用于企事业从业者的在职岗位培训，或作为广大IT就业创业者的自学参考用书。

本书由李大军筹划并具体组织，李妍和赵立群任主编，李妍统稿，范晓莹、马瑞奇任副主编，由柴俊霞教授审订。参与编写人员有牟惟仲（序言）、李妍（第1章、第3章、第4章、第6章）、赵立群（第2章、第7章、第12章）、范晓莹（第5章、第8章、第10章）、马瑞奇（第9章、第11章、整理案例代码）、李晓新（文字修改、版式调整、制作教学课件）。

在本书改版过程中，我们参阅了大量国内外有关JavaScript jQuery Web交互程序设计的最新书刊和相关网站资料，精选了具有典型意义的案例，并得到计算机行业协会及业界专家的具体指导，在此一并致谢。因编者水平有限，书中难免存在疏漏和不足之处，恳请同行和读者批评、指正。

 

编者2024年1月