jQuery第九章

第九章

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.强大的主体化框架

主体编辑器能很容易地进行高度个性化和品牌化的界面订制。