JAVASCRIPT+JQUERY前端开发基础教程（第2版）（微课版）

1．入门条件低 读者不需要具备太多技术基础，跟随本书学习即可轻松掌握JavaScript和jQuery前端开发的基本方法。 2．学习成本低 本书在构建开发环境时，选择使用Windows操作系统、免费的Visual Studio Code、Node.js作为开发环境。 3．内容编排精心设计 本书内容编排充分考虑读者的接受能力，选择JavaScript和jQuery中必备、实用的知识进行讲解。各种知识和配套实例循序渐进、环环相扣，涉及实际案例的各个方面。 4．强调理论与实践结合 书中的每个知识点都尽量安排一个短小、完整的实例，方便读者学习。 5．丰富实用的习题 每章均准备了一定数量的习题，方便读者通过练习巩固所学知识。 6．精心制作微课 读者可观看微课，对照完成相应操作，从而达到学习和强化实操技能的目的。 7．配备资源丰富 本书配备了书中所有实例代码、资源文件及习题参考答案。本书源代码可在学习过程中直接使用，参考相关章节进行配置即可。

本书注重基础知识的讲解，循序渐进、系统地讲述了JavaScript和jQuery前端开发的相关基础知识。JavaScript部分涵盖了JavaScript基础、JavaScript核心语法基础、数组和函数、异常和事件处理、JavaScript的面向对象、浏览器对象等内容。jQuery部分涵盖了jQuery简介、jQuery选择器和过滤器、操作页面内容、jQuery事件处理、jQuery特效、AJAX等内容。最后综合应用本书介绍的各种知识，开发了一个在线咨询服务系统。本书对每一个知识点，都尽量结合实例帮助读者理解。第1～12章均利用编程实践来说明本章知识如何使用。第13章以一个完整实例讲解JavaScript、jQuery和Node.js在Web应用程序开发中的应用。 本书内容丰富，讲解详细，可作为各类院校相关专业的教材，也可作为JavaScript和jQuery爱好者的参考书。

夏帮贵，西华大学副教授，1998年毕业于西南大学计算机应用专业，已出版Python、Java、前端开发等相关教材十余部。主编教材《Python3基础教程(第2版)(慕课版)》入选首批“十四五” 职业教育国家规划教材，《JavaScript+jQuery前端开发基础教程(微课版)》(慕课版)》《OpenCV计算机视觉基础教程(Python版)》入选四川省“十四五”职业教育省级规划教材。

第 1章 JavaScript基础  1 1.1  JavaScript简介  1 1.1.1  JavaScript版本  1 1.1.2  JavaScript特点  2 1.2  JavaScript编程工具  2 1.2.1  安装VS Code  3 1.2.2  使用VS Code  4 1.2.3  使用浏览器开发人员工具  6 1.3  在HTML中使用JavaScript  7 1.3.1  嵌入式JavaScript脚本  7 1.3.2  链接JavaScript脚本  10 1.4  JavaScript基本语法  12 1.4.1  区分大小写  12 1.4.2  可忽略空格、换行符和制表符  12 1.4.3  不强制使用语句结束符号  13 1.4.4  注释  13 1.4.5  标识符命名规则  13 1.4.6  输入和输出语句  14 1.5  编程实践：在页面中输出唐诗  14 1.6  小结  15 1.7  习题  15 第  2章 JavaScript核心语法基础  18 2.1  数据类型和变量  18 2.1.1  数据类型  18 2.1.2  数据类型转换  22 2.1.3  变量  22 2.2  运算符与表达式  26 2.2.1  算术运算符  26 2.2.2  字符串运算符  27 2.2.3  关系运算符  28 2.2.4  逻辑运算符  30 2.2.5  位运算符  31 2.2.6  赋值运算符  32 2.2.7  特殊运算符  33 2.2.8  运算符的优先级  35 2.2.9  表达式中的数据类型转换  36 2.3  流程控制语句  37 2.3.1  if语句  37 2.3.2  switch语句  39 2.3.3  for循环  41 2.3.4  while循环  42 2.3.5  do/while循环  43 2.3.6  continue语句  44 2.3.7  break语句  45 2.4  编程实践：根据用户选择显示名著作品 作者信息  46 2.5  小结  47 2.6  习题  47 第3章 数组和函数  49 3.1  数组  49 3.1.1  创建数组  49 3.1.2  使用数组  50 3.1.3  数组的属性  55 3.1.4  操作数组的方法  57 3.2  函数  62 3.2.1  定义函数  62 3.2.2  调用函数  63 3.2.3  带参数的函数  65 3.2.4  嵌套函数  68 3.2.5  递归函数  68 3.3  内置函数  69 3.4  编程实践：模拟汉诺塔移动  72 3.5  小结  74 3.6  习题  74 第4章 异常和事件处理  76 4.1  异常处理  76 4.1.1  捕获和处理异常  76 4.1.2  抛出异常  78 4.2  事件处理  79 4.2.1  理解事件  79 4.2.2  注册事件处理程序  81 4.2.3  事件处理程序的调用  84 4.2.4  阻止事件传播  86 4.2.5  页面加载与卸载事件  87 4.2.6  鼠标事件  88 4.2.7  键盘事件  89 4.2.8  表单提交事件  90 4.3  编程实践：响应鼠标操作  92 4.4  小结  93 4.5  习题  93 第5章 JavaScript的面向对象  95 5.1  对象  95 5.1.1  创建对象  95 5.1.2  使用对象属性  97 5.1.3  对象的方法  98 5.1.4  构造函数  99 5.1.5  with语句  100 5.2  原型对象和继承  101 5.3  内置对象  102 5.3.1  Math对象  102 5.3.2  Date对象  104 5.3.3  String对象  106 5.4  类  108 5.4.1  使用工厂函数定义类  108 5.4.2  使用构造函数定义类  109 5.4.3  使用class关键字定义类  110 5.4.4  为类添加和修改方法  111 5.4.5  子类  112 5.5  编程实践：输出随机素数  113 5.6  小结  114 5.7  习题  114 第6章 浏览器对象  116 6.1  Window对象  116 6.1.1  Window对象层次结构  116 6.1.2  Window对象的常用属性和方法  116 6.1.3  定时操作  118 6.1.4  错误处理  119 6.1.5  Navigator对象  120 6.1.6  Screen对象  121 6.1.7  窗口操作  121 6.1.8  用ID引用HTML标记  124 6.2  Document对象  125 6.2.1  常用属性和方法  125 6.2.2  动态输出文档  126 6.2.3  了解DOM  127 6.2.4  获得HTML标记引用  128 6.2.5  遍历文档节点  131 6.2.6  访问HTML标记属性  133 6.2.7  访问HTML标记内容  133 6.2.8  创建、添加和删除节点  135 6.3  Form对象  139 6.3.1  引用表单和表单元素  139 6.3.2  表单事件  139 6.4  编程实践：选项卡切换  140 6.5  小结  142 6.6  习题  143 第7章 jQuery简介  145 7.1  了解jQuery  145 7.1.1  jQuery主要功能  145 7.1.2  jQuery主要特点  146 7.2  jQuery资源  146 7.2.1  下载jQuery  146 7.2.2  查看jQuery文档  147 7.2.3  jQuery学习中心  148 7.2.4  中文学习资源  148 7.3  使用jQuery  149 7.3.1  引入jQuery  149 7.3.2  jQuery语法  149 7.3.3  选取HTML标记  151 7.3.4  上下文  151 7.3.5  将HTML标记转换为jQuery 对象  152 7.3.6  使用链接方法调用  153 7.3.7  jQuery命名空间  153 7.4  编程实践：在页面加载视频  155 7.5  小结  156 7.6  习题  156 第8章 jQuery选择器和过滤器  158 8.1  基础选择器  158 8.1.1  ID选择器  158 8.1.2  类名选择器  159 8.1.3  元素选择器  159 8.1.4  复合选择器  160 8.1.5  通配符选择器  160 8.2  层级选择器  161 8.2.1  祖孙选择器  161 8.2.2  父子选择器  162 8.2.3  相邻节点选择器  163 8.2.4  兄弟节点选择器  164 8.3  过滤器  164 8.3.1  基础过滤器  165 8.3.2  内容过滤器  166 8.3.3  子元素过滤器  167 8.3.4  可见性过滤器  168 8.3.5  表单过滤器  169 8.3.6  属性过滤器  170 8.4  编程实践：动态提示  171 8.5  小结  172 8.6  习题  172 第9章 操作页面内容  174 9.1  元素内容操作  174 9.1.1  html()方法和text()方法  174 9.1.2  val()方法  175 9.1.3  attr()方法  176 9.2  插入内容  177 9.2.1  append()方法和appendTo() 方法  177 9.2.2  prepend()方法和prependTo() 方法  180 9.2.3  after()方法和insertAfter()方法  181 9.2.4  before()方法和insertBefore() 方法  183 9.3  包装内容  185 9.3.1  wrap()方法  185 9.3.2  wrapAll()方法  186 9.3.3  wrapInner()方法  187 9.3.4  unwrap()方法  187 9.4  替换内容  188 9.4.1  replaceWith()方法  188 9.4.2  replaceAll()方法  191 9.5  删除内容  191 9.5.1  empty()方法  191 9.5.2  remove()方法  192 9.5.3  detach()方法  192 9.6  复制内容  193 9.7  样式操作  194 9.7.1  css()方法  194 9.7.2  CSS类操作方法  195 9.8  编程实践：jQuery版的选项卡 切换  196 9.9  小结  198 9.10  习题  198 第  10章 jQuery事件处理  200 10.1  jQuery事件对象  200 10.1.1  事件对象构造函数  200 10.1.2  事件对象属性  201 10.1.3  事件对象方法  202 10.2  附加和解除事件处理函数  203 10.2.1  附加事件处理函数  203 10.2.2  解除事件处理函数  204 10.3  事件快捷方法  205 10.3.1  浏览器事件快捷方法  205 10.3.2  表单事件快捷方法  206 10.3.3  键盘事件快捷方法  206 10.3.4  鼠标事件快捷方法  207 10.4  编程实践：jQuery版的自由 拖放  208 10.5  小结  209 10.6  习题  209 第  11章 jQuery特效  211 11.1  简单特效  211 11.1.1  隐藏元素  211 11.1.2  显示元素  213 11.1.3  隐藏/显示切换  214 11.2  透明度特效  215 11.2.1  淡入效果  216 11.2.2  淡出效果  216 11.2.3  调整透明度  217 11.2.4  淡入淡出切换  217 11.3  滑动特效  218 11.3.1  滑入效果  218 11.3.2  滑出效果  219 11.3.3  滑入滑出切换效果  219 11.4  自定义动画  220 11.4.1  字面量动画  220 11.4.2  相对量动画  221 11.4.3  自定义显示或隐藏  221 11.4.4  位置动画  222 11.5  动画相关的属性和方法  223 11.5.1  动画延时  223 11.5.2  停止动画  223 11.5.3  结束动画  224 11.5.4  禁止动画效果  224 11.6  编程实践：动态显示和隐藏选项卡 内容  225 11.7  小结  226 11.8  习题  226 第  12章 AJAX  229 12.1  使用XMLHttpRequest  229 12.1.1  AJAX概述  229 12.1.2  部署服务器  230 12.1.3  创建XMLHttpRequest对象  233 12.1.4  XMLHttpRequest对象常用 属性  233 12.1.5  XMLHttpRequest对象常用 方法  234 12.1.6  处理普通文本响应结果  237 12.1.7  处理XML响应结果  239 12.1.8  处理JSON响应结果  241 12.2  使用