第九章
jQuery Mobile
一、HTML5.0简介
谈到Web设计，我们经常把Web分为三个层：
（1）结构层；（2）表现层；（3）行为层。
对应的技术分别是：
（1）HTML；（2）CSS；（3）JavaScript
二、jQuery Mobile简介
对于Web开发者来说，jQuery是非常流行JavaScript类库，而且一直以来它都是为Web浏览器设计的，并没有特别为移动应用程序设计。jQuery Mobile则是用来填补jQuery在移动设备应用上的缺憾的一个新项目。它基于jQuery框架并使用了HTML5和CSS3这些新的技术，除了能提供很多基础的移动页面元素开发功能外，框架自身还提供了很多可供扩展的API，以便于开发人员在移动应用上使用。使用该框架可以节省大量的JavaScript代码开发时间。
三、jQuery Mobile主要特性
1.基于jQuery构建
它采用与jQuery一致的核心和语法，这样能让学习者倍感熟悉，学习曲线也是最小的。另外，它还使用了jQuery UI代码和模式。
2.兼容绝大部分手机平台
jQuery Mobile为所有的主流移动操作系统平台提供了高度统一的UI框架，而不必为每个移动设备编写独特的应用程序。
3.轻量级的库
基于速度考虑，真个库非常轻量级，同时对图片的依赖也降到最小。
4.模块化结构
创建定制版本只包括应用所需的功能，而不需要修改应用的结构。
5.HTML5标记驱动的配置
快速开发页面，把对开发人员的脚本能力需求降到最小化。
6.渐进增强原则
jQuery Mobile完全采用渐进增强原则：通过一个全功能的标准HTML网页和额外的JavaScript功能层，提供顶级的在线体验。
7.响应设计
通过灵敏的技术设计和工具，使得相同的基础代码库可以在不同屏幕大小中自动缩放。
8.强大的Ajax的导航系统
它使得页面之间跳转变得更加流畅，同时保持按钮，书签和地址栏的简洁。
9.易用性
一些辅助功能，比如WAI-ARIA，以确保页面可以在一些屏幕阅读器或者其他手持设备中正常工作。
10.支持触摸和鼠标事件
让触摸、鼠标、光标用户都能通过简单的API来流畅使用。
11.统一的UI组件
在触摸体验和主体化方面，jQuery Mobile加强和统一了本地控制。
12.强大的主体化框架
主体编辑器能很容易地进行高度个性化和品牌化的界面订制。