章节说明

本章将为应用开发一个完整的小猪快递查询的脚本,小猪快递查询的页面内容如下 :

  1. 首页,用于选择快递公司,输入快递单号
  2. 详情页,用于展示快递订单实时信息
  3. 历史页,用户记录历史查询快递单号

通过本章内容,你将会体验到CSS在项目中的实际用法及效果。

目录结构

|-ExpressDelivery      根目录
|  ├ index.html        首页
|  ├ detail.html       详情页
|  ├ history.html      历史页
|  ├ CSS               样式目录
|  |  ├ app.css        页面样式文件
|  |  ├ normalize.css  页面样式重设文件
|  ├ JS                脚本目录
|  |  ├ index.js       首页脚本
|  |  ├ detail.js      详情页脚本
|  |  ├ history.js     历史页脚本
|  |  ├ jquery-3.3.1.min.js  jQuery脚本

注意

本章内容以jQuery操作为基础,不涉及原生DOM方法操作。更多关于jQuery的知识点学习,可以参看文档: