【IT168 技术】

　　摘要

　　JQuery Mobile是针对智能手机和平板电脑创建的移动Web App开发框架，它的出现填补了JQuery在移动设备应用上的缺憾，jQuery Mobile使用了极少的HTML5、CSS3、t和Ajax脚本就可以完成页面的渲染，秉承了jQuery“写更少的代码，做更多的事情”理念：他可以通过一个灵活、简单的方式来布局网页，并且兼容所有的移动设备。

　　本文对JQuery Mobile各个知识点和使用方法做了简要描述，并使用JQuery Mobile实现了一个简单的Web App实例。

　　关键字：JQuery Mobile。

　　基于JQuery Mobile的Web App实践

　　一、JQuery Mobile简介

　　今天，直播，JQuery驱动着互联网上的大量网站，在浏览器中提供动态的用户体验，这促使传统的桌面应用程序越来越少。现在，主流的移动平台的浏览器功能都赶上了PC端桌面浏览器，因此JQuery团队引入了JQuery Mobile。

　　与JQuery核心库一样，您的开发基本上不需要安装任何的东西;只需要将JQuery Mobile依赖的*.js和*.css文件直接包含到web页面中即可。

　　JQuery Mobile有以下特性：

　　1、JQuery Mobile基本框架整体比较小，js和css总共只有30k左右。

　　2、JQuery Mobile使用起来很简单，页面开发主要使用标记。

　　3、优雅降级：这也是JQuery Mobile最吸引人的一个地方，JQuery Mobile利用的是最新的HTML5和CSS3和JS，但是并不是所有的移动设备都提供了这样的支持。JQuery Mobile的哲学是同时支持高端和低端设备，只是在低端设备和是哪个显示的效果会略差一些。

　　4、主题系统，JQuery Mobile提供了一套主题系统，允许开发人员运用自己的主题样式。

　　5、无障碍，JQuery Mobile在综合考虑了Web App访问者的访问能力，提供了WAI-ARIA支持，以支持残障人士使用辅助技术访问web页面。