章节说明
本章将为应用开发一个完整的小猪快递查询的脚本,小猪快递查询的页面内容如下 :
- 首页,用于选择快递公司,输入快递单号
- 详情页,用于展示快递订单实时信息
- 历史页,用户记录历史查询快递单号
通过本章内容,你将会体验到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的知识点学习,可以参看文档: