先理清几个让人迷惑的几点
- 没有所谓的移动互联网，只有一个互联网
- 设计移动网站不需要什么特别处理
- 一个站点应当在所有设备（台式机、手机、电视）上都能运转
jQuery Mobile诞生的原因：
让设计师和开发者使用少量代码即可更容易地创建跨平台、可定制的移动互联网体验。
jQuery Mobile是什么？
- jQuery Mobile是一个支持所有流行移动设备平台的统一的用户界面系统，基于坚如馨石的jQuery及jQuery UI。它轻量级的代码使用渐进增强方式构建，具有可伸缩、易更换主题的设计特点。
jQuery Mobile不是什么？
- jQuery Mobile不是移动浏览器上的jQuery。
- jQuery Mobile不是Web应用的开发包。可以使用jQuery Mobile来创建完整的移动应用体验，但你仍然需要一些额外的工作来将它编译为原声应用。
- jQuery Mobile不是面向所有移动应用/网站/游戏的解决方案。但可以为他们中的大多数提供解决方案。
jQuery Mobile是一个帮助开发者更容易地在移动设备和平板电脑上（这些设备具备触摸操作功能）交付跨平台Web应用的框架，只使用标准的HTML代码。
jQuery Mobile使用了jQuery核心，此外还包含一个JavaScript库、一个CSS3样式表，以及一些资源图片。
jQuery Mobile框架专注于智能手机、平板电脑以及多媒体设备等触摸屏设备，它兼容列表会随着时间的推进以及框架本身的继续演化而改变。
许多现代浏览器使用基于WebKit的引擎，如桌面版浏览器Safari或Chrome。所有现代的基于WebKit的移动浏览器都应该能完整兼容jQuery Mobile。同时，桌面版的Chrome、Firefox、Safari、Opera以及IE等浏览器都与jQuery Mobile兼容。
需要了解的 HTML和CSS3：
HTML5是一个发展中的标准，它包含了若干对HTML标记语言的改变以及大量JavaScript中的新API（HTML5的大部分内容是关于JavaScriptAPI的）。在非正式的场合中，HTML5是许多浏览器中的现代特性的汇总，包括W3C的正式的HTML5标准、其他W3C API、CSS3以及非标准扩展。具体请看：http://mobilehtml5.org
jQuery Mobile使用了大量的HTML5特性以便在移动浏览器上提供更好更快的体验。在处理动画、渐变、特效以及UI渲染时，jQuery Mobile将尽可能地使用CSS3。例子请参考：http://www.mobilexweb.com/
主要特效：
- 跨平台、跨设备、跨浏览器；
- 为触摸设备优化过的UI；
- 设计为可修改主题以及自定义；
- 只使用无侵入性的HTML5代码，无需了解任何JavaScript、CSS或API知识；
- 自动调用AJAX来加载动态内容；
- 构建与知名及有良好支持的jQuery核心之上；
- 轻量级尺寸，压缩后为12kb；
- 渐进增强；
- 可访问性支持；
渐进增强：渐进增强是一种用于Web设计的简单但非常强大的技术，它定义了几个层次的兼容性，允许所有用户都能访问网站的基本内容、服务以及功能，同时那些对标准支持更好的浏览器上提供增强的体验。jQuery Mobile完全使用这个技术构建。
渐进增强有以下核心原则：
- 在所有浏览器上都能访问基本内容；
- 在所有浏览器上都能使用基本功能；
- 语义标签包含了所有内容；
- 增强布局有外部链接的CSS提供；
- 增强行为由不冲突的、外部链接的JavaScript提供；
- 尊重终端用户浏览器的偏好设置。
可访问性：Web可访问性指的是让网站对所有正常人及残疾人都可用的一系列做法。在正确地设计、开发以及编辑的网站上，所有用户都可以平等地访问网站提供的各种选项及功能。
仿真器：在移动开发的世界里，仿真器是仿真移动设备的硬件及操作系统的桌面程序，可用于测试及调试应用，以及查看应用的工作状况。
模拟器：模拟器则是相对简单的程序，它之模拟设备的一些行为，但不能模拟硬件，也不是基于真实的操作系统设计的。工具比较简单，比仿真器用途少。