JavaScript+JQuery程序设计

《JavaScript+jQuery程序设计（慕课版）》是一本JavaScript程序设计互联网教材，买书送名师，明日科技资深讲师面对面授课。本课程依托人民邮电出版社自主开发的在线教育慕课平台——人邮学院（www.rymooc.com），该平台具有完备的在线“教、学、测”功能。人邮学院提供体系完整的100学时慕课教学视频同步讲解，即学即练的在线测试。书中附有188个微课视频，扫一扫书中二维码，便可随时随地学习。附赠300余道习题和自测题， PPT 课件、案例源代码、自测试卷、拓展案例等丰富的配套资源。

本书作为JavaScript+jQuery程序设计的教程，系统全面地介绍了有关JavaScript+jQuery网站开发所涉及的各类知识。全书共分17章，内容包括JavaScript简介、JavaScript语言基础、JavaScript自定义对象、常用内部对象、JavaScript事件处理、JavaScript常用文档对象、文档对象模型、Window对象、AJAX技术、jQuery简介、jQuery选择器、jQuery控制页面、jQuery的事件处理、jQuery的动画效果、React简介、综合开发实例——365影视网站设计、课程设计——购物车设计。全书每章内容都与实例紧密结合，有助于学生理解知识、应用知识，达到学以致用的目的。 本书为慕课版教材，各章节主要内容配备了以二维码为载体的微课，并在人邮学院（www.rymooc.com）平台上提供了慕课。此外，本书还提供了课程资源包。资源包中提供了本书所有实例、上机指导、综合案例的源代码、制作精良的电子课件PPT、自测题库（包括选择题、填空题、操作题题库及自测试卷等内容）。其中，源代码全部经过精心测试，能够在Windows XP、Windows 7系统下编译和运行。

明日科技，程序设计类畅销图书作者，绝大多数品种在“全国计算机图书排行榜”同品种排行中名列前茅，累计销售百万册。作者编写的《Java 从入门到精通》长期占据各网店排行榜的靠前位置。

章 JavaScript简介  1 1.1  JavaScript简述  2 1.1.1  JavaScript的起源  2 1.1.2  JavaScript的主要特点  2 1.1.3  JavaScript的应用  3 1.2  编写JavaScript的工具  4 1.3  JavaScript在HTML中的使用  5 1.3.1  在页面中直接嵌入JavaScript代码  5   实例：编写个JavaScript程序 1.3.2  链接外部JavaScript文件  8   实例：调用外部JavaScript文件 1.3.3  作为标签的属性值使用  10 1.4  JavaScript基本语法  10 1.4.1  执行顺序  10 1.4.2  大小写敏感  10 1.4.3  空格与换行  11 1.4.4  每行结尾的分号  11 1.4.5  注释  11 小结  11 上机指导  12 习题  12 第2章  JavaScript语言基础  13 2.1  数据类型  14 2.1.1  数值型  14   实例：数字123不同进制的输出结果 2.1.2  字符串型  16   实例：定义四个字符串并输出 2.1.3  布尔型  17 2.1.4  特殊数据类型  18 2.2  常量和变量  18 2.2.1  常量  18 2.2.2  变量  18   实例：输出两个变量的值 2.3  运算符和表达式  20 2.3.1  什么是运算符和表达式  20 2.3.2  运算符的应用  21   实例：应用算术运算符对两个变量进行运算 2.3.3  表达式中的类型转换  29   实例：输出表达式的结果 2.4  JavaScript基本语句  30 2.4.1  条件判断语句  30   实例：获取3个数中的优选值 2.4.2  循环控制语句  38   实例：计算100以内所有奇数的和 2.4.3  跳转语句  43   实例：计算1~100的所有5的倍数的和 2.4.4  异常处理语句  45   实例：使用try…catch…finally语句处理异常 2.5  函数  47 2.5.1  函数的定义  47 2.5.2  函数的调用  48 2.5.3  函数的参数  49   实例：函数参数的使用 2.5.4  函数的返回值  50   实例：函数返回值的简单应用 2.5.5  嵌套函数  51   实例：函数嵌套调用的应用 2.5.6  递归函数  53   实例：递归函数的应用 2.5.7  变量的作用域  54 2.5.8  内置函数  55 2.5.9  定义函数的其他方法  60   实例：获取从1到给定参数之间的所有3的倍数 小结  61 上机指导  61 习题  62 第3章  JavaScript自定义对象  63 3.1  对象简介  64 3.1.1  什么是对象  64 3.1.2  对象的属性和方法  64 3.1.3  JavaScript对象的种类  64 3.2  自定义对象的创建  65 3.2.1  直接创建自定义对象  65 3.2.2  通过自定义构造函数创建对象  66   实例：创建一个球员对象Player 3.2.3  通过系统内置的Object对象创建自定义对象  69   实例：创建一个图书对象book 3.3  对象访问语句  71 3.3.1  for…in循环语句  71   实例：输出对象中的所有属性和值 3.3.2  with语句  72 小结  73 上机指导  73 习题  74 第4章  常用内部对象  75 4.1  Math对象  76 4.1.1  Math对象的属性  76   实例：计算圆的周长和面积 4.1.2  Math对象的方法  76   实例：生成指定位数的随机数 4.2  Number对象  78 4.2.1  创建Number对象  78 4.2.2  Number对象的属性  79 4.2.3  Number对象的方法  80 4.3  Date对象  83 4.3.1  创建Date对象  83 4.3.2  Date对象的属性  85 4.3.3  Date对象的方法  86   实例：输出当前的日期和时间 4.4  数组对象  89 4.4.1  数组介绍  89 4.4.2  定义数组  90 4.4.3  操作数组元素  91   实例：创建数组并输出数组元素 4.4.4  数组的属性  94   实例：在365影视网中循环输出影片信息 4.4.5  数组的方法  97   实例：将数组中的元素顺序颠倒后显示 4.5  String对象  105 4.5.1  String对象的创建  105 4.5.2  String对象的属性  105   实例：获取字符串变量和字符串对象的长度 4.5.3  String对象的方法  107   实例：获取指定字符在字符串中的出现次数 小结  116 上机指导  116 习题  118 第5章  JavaScript事件处理  119 5.1  事件与事件处理概述  120 5.1.1  什么是事件  120 5.1.2  JavaScript的常用事件  120 5.1.3  事件的调用  122 5.1.4  事件对象  123 5.2  表单相关事件  123 5.2.1  获得焦点事件与失去焦点事件  123   实例：改变文本框的背景颜色 5.2.2  失去焦点内容改变事件  125   实例：改变文本框的字体颜色 5.2.3  表单提交与重置事件  126   实例：判断提交的表单中是否有空文本框 5.3  鼠标键盘事件  128 5.3.1  鼠标单击事件  128   实例：动态改变页面的背景颜色 5.3.2  鼠标按下和松开事件  129   实例：按下鼠标时改变字体颜色 5.3.3  鼠标移入移出事件  130   实例：动态改变图片的焦点 5.3.4  鼠标移动事件  131   实例：在状态栏中显示当前鼠标的位置 5.3.5  键盘事件  131   实例：利用键盘中的A键对页面进行刷新 5.4  页面事件  134 5.4.1  加载与卸载事件  134   实例：网页加载时缩小图片 5.4.2  页面大小事件  135   实例：鼠标拖动浏览器边框使其恢复原始大小 小结  136 上机指导  136 习题  137 第6章  JavaScript常用文档对象  138 6.1  Document对象  139 6.1.1  文档对象概述  139 6.1.2  文档对象的常用属性、方法与事件  139 6.1.3  Document对象的应用  141   实例：设置超链接的文字颜色 6.1.4  JavaScript中的cookie设置  146   实例：将表单注册信息写入Cookie 6.2  表单对象  153 6.2.1  访问表单与表单元素  153 6.2.2  表单对象的常用属性、方法与 事件  154 6.2.3  表单对象的应用  155   实例：验证表单内容是否为空 6.3  图像对象  157 6.3.1  图像对象概述  157 6.3.2  图像对象的应用  157   实例：图片置顶 小结  163 上机指导  163 习题  165 第7章  文档对象模型  166 7.1  DOM概述  167 7.1.1  DOM分层  167 7.1.2  DOM级别  168 7.2  DOM对象节点属性  168 7.2.1  访问指定节点  169   实例：访问指定节点 7.2.2  遍历文档树  170   实例：遍历文档树 7.3  节点  173 7.3.1  创建节点  173   实例：创建新的节点 7.3.2  插入节点  175   实例：插入节点 7.3.3  复制节点  176   实例：复制节点 7.3.4  删除与替换节点  178   实例：删除节点 7.4  获取文档中的指定元素  180 7.4.1  通过元素的ID属性获取元素  180   实例：在365影视网中实现导航菜单功能 7.4.2  通过元素的name属性获取元素  183   实例：在365影视网中实现电影图片轮换效果 7.5  与DHTML相对应的DOM  184 7.5.1  innerHTML和innerText属性  184 7.5.2  outerHTML和outerText属性  185   实例：显示分时问候 小结  187 上机指导  187 习题  188 第8章  Window对象  189 8.1  Window对象概述  190 8.1.1  Window对象的属性  190 8.1.2  Window对象的方法  190 8.1.3  Window对象的使用  191 8.2  对话框  191 8.2.1  警告对话框  191   实例：弹出警告对话框 8.2.2  确认对话框  192   实例：弹出确认对话框 8.2.3  提示对话框  193   实例：弹出提示对话框并返回相应数据 8.3  打开与关闭窗口  193 8.3.1  打开窗口  194   实例：在365影视网中实现在新窗口中打开影片详情页面 8.3.2  关闭窗口  196   实例：关闭子窗口同时刷新父窗口 8.4  控制窗口  198 8.4.1  移动窗口  198   实例：实现窗口的反弹效果 8.4.2  窗口滚动  200   实例：页面自动滚动 8.4.3  改变窗口大小  202   实例：弹出自动改变大小的窗口 8.4.4  控制窗口状态栏  203   实例：状态栏中文字从右向左依次弹出的效果 8.4.5  访问窗口历史  205 8.4.6  设置超时  206 8.5  窗口事件  206 8.5.1  通用窗口事件  206 8.5.2  扩展窗口事件  206 小结  207 上机指导  207 习题  208 第9章  AJAX技术  209 9.1  AJAX概述  210 9.1.1  什么是AJAX  210 9.1.2  AJAX应用案例  210 9.1.3  AJAX的开发模式  211 9.1.4  AJAX的优点  212 9.2  AJAX的技术组成  213 9.2.1  XMLHttpRequest对象  213 9.2.2  XML语言  213 9.2.3  JavaScript脚本语言  215 9.2.4  DOM  215 9.2.5  CSS  215 9.3  XMLHttpRequest对象  215 9.3.1  XMLHttpRequest对象的初始化  216 9.3.2  XMLHttpRequest对象的常用属性  216 9.3.3  XMLHttpRequest对象的常用方法  218   实例：读取HTML文件并输出结果 小结  221 上机指导  221 习题  222 0章  jQuery简介  223 10.1  jQuery概述  224 10.1.1  jQuery能做什么  224 10.1.2  jQuery的特点  225 10.2  jQuery下载与配置  226 10.2.1  下载jQuery  226 10.2.2  配置jQuery  227 10.3  jQuery的插件  227 10.3.1  插件的使用  227 10.3.2  流行的插件  228 小结  230 习题  230 1章  jQuery选择器  231 11.1  jQuery的工厂函数  232 11.2  基本选择器  232 11.2.1  ID选择器  232   实例：获取文本框中输入的值 11.2.2  元素选择器  233   实例：单击按钮修改元素内容 11.2.3  类名选择器  235   实例：设置元素的CSS样式 11.2.4  复合选择器  236   实例：为元素添加新的样式 11.2.5  通配符选择器  237 11.3  层级选择器  237 11.3.1  ancestor descendan选择器  238   实例：为版权列表设置样式 11.3.2  parent > child选择器  239   实例：获取表单中文本框的值 11.3.3  prev + next选择器  240   实例：改变匹配元素的背景颜色 11.3.4  prev ~ siblings选择器  241   实例：筛选页面中div元素的同辈元素 11.4  过滤选择器  242 11.4.1  简单过滤器  242   实例：实现一个带表头的双色表格 11.4.2  内容过滤器  245   实例：应用内容过滤器匹配单元格 11.4.3  可见性过滤器  247   实例：获取隐藏和显示的input元素的值 11.4.4  表单对象的属性过滤器  247   实例：匹配表单中相应的元素 11.4.5  子元素选择器  249 11.5  属性选择器  249 11.6  表单选择器  250   实例：匹配表单中相应元素并实现不同的操作 小结  251 上机指导  252 习题  253 2章  jQuery控制页面  254 12.1  对元素内容和值进行操作  255 12.1.1  对元素内容操作  255   实例：获取和设置元素的文本内容与HTML内容 12.1.2  对元素值操作  257   实例：为多行列表框设置并获取值 12.2  对DOM节点进行操作  258 12.2.1  查找节点  259 12.2.2  创建节点  259 12.2.3  插入节点  259 12.2.4  删除、复制与替换节点  260   实例：实现我的开心小农场 12.3  对元素属性进行操作  264   实例：复选框的全选、反选与全不选 12.4  对元素的CSS样式操作  268 12.4.1  通过修改CSS类实现样式操作  268   实例：修改表单元素的CSS样式 12.4.2  通过修改CSS属性实现样式操作  270   实例：生成一个可以编辑的表格 小结  272 上机指导  272 习题  275 3章  jQuery的事件处理  276 13.1  页面加载响应事件  277 13.2  jQuery中的事件  277   实例：实现横向导航菜单功能 13.3  事件绑定  281 13.3.1  为元素绑定事件  281   实例：实现表格的动态换肤 13.3.2  移除绑定  282 13.3.3  绑定一次性事件处理  282 13.4  模拟用户操作  283 13.4.1  模拟用户的操作触发事件  283   实例：自动执行按钮的click事件 13.4.2  模仿悬停事件  284   实例：鼠标指向图片时为图片加边框 13.4.3  模拟鼠标连续单击事件  284   实例：实现图片的放大与缩小 小结  286 上机指导  286 习题  289 4章  jQuery的动画效果  290 14.1  基本的动画效果  291 14.1.1  隐藏匹配元素  291 14.1.2  显示匹配元素  291   实例：自动隐藏式菜单 14.1.3  切换元素的可见状态  293   实例：全部资源与精简资源的切换 14.2  淡入淡出的动画效果  296   实例：具有淡入淡出动画效果的自动隐藏式菜单 14.3  滑动效果  297 14.3.1  滑动显示匹配的元素  297 14.3.2  滑动隐藏匹配的元素  298   实例：伸缩式导航菜单 14.3.3  通过高度的变化动态切换元素的可见性  300 14.4  自定义的动画效果  301 14.4.1  使用animate()方法创建自定义动画  301   实例：在365影视网中实现即将上线影片信息向上滚动的效果 14.4.2  使用stop()方法停止动画  303 小结  304 上机指导  304 习题  306 5章  React简介  307 15.1  React概述  308 15.1.1  什么是React  308 15.1.2  React的常用术语  308 15.2  创建React元素  309 15.2.1  安装React  309 15.2.2  使用JavaScript创建React元素  309 15.2.3  使用JSX创建React元素  310   实例：在模板中定义一个数组并输出 15.3  创建组件  312 15.3.1  创建无状态React组件  312 15.3.2  创建有状态React组件  313   实例：控制按钮可用状态 小结  315 上机指导  315 习题  316 6章  综合开发实例——365影视网站设计  317 16.1  系统分析  318 16.2  系统设计  318 16.2.1  系统目标  318 16.2.2  系统功能结构  318 16.2.3  开发环境  319 16.2.4  文件夹组织结构  320 16.3  网页预览  320 16.4  关键技术  322 16.4.1  JavaScript脚本技术  322 16.4.2  AJAX无刷新技术  324 16.4.3  jQuery技术  328 16.5  首页技术实现  329 16.5.1  JavaScript实现导航菜单  329 16.5.2  JavaScript实现图片的轮换效果  332 16.5.3  AJAX实现热门专题页面  333 16.5.4  JavaScript实现电影图片不间断滚动  335 16.5.5  JavaScript实现浮动窗口  336 16.5.6  jQuery实现滑动门效果  338 16.5.7  jQuery实现向上间断滚动效果  340 16.6  查看影片详情页面  342 小结  343 7章  课程设计——购物车设计  344 17.1  购物车概述  345 17.1.1  功能概述  345 17.1.2  购物车操作流程  345 17.1.3  程序预览  346 17.2  系统设计  347 17.2.1  系统目标  347 17.2.2  开发环境  347 17.2.3  文件夹组织结构  347 17.3  热点关键技术  348 17.3.1  JavaScript中的cookie  348 17.3.2  应用AJAX技术实现用户登录  348 17.3.3  判断用户访问权限  349 17.4  用户登录设计  349 17.4.1  用户登录功能概述  349 17.4.2  自动生成验证码  350 17.4.3  用户登录功能的实现  350 17.5  购物车操作  352 17.5.1  添加至购物车  352 17.5.2  查看购物车  355 17.5.3  修改商品购买数量  356 17.5.4  移除购物车中指定商品  357 17.5.5  清空购物车  359 小结  360