**jQuery Mobile** 是一个专为触摸设备设计的前端框架，尤其适用于智能手机和平板电脑的Web应用程序开发。这个框架是基于流行的JavaScript库jQuery构建的，它提供了丰富的交互式UI组件和优化的触控事件处理，旨在简化多平台移动Web开发。
在Android内置浏览器中使用jQuery Mobile，主要是利用其对WebKit渲染引擎的良好支持。WebKit是许多移动浏览器，包括Android的默认浏览器，所使用的开源渲染引擎。jQuery Mobile与WebKit的兼容性确保了在这些平台上能提供一致且高效的用户体验。
**核心特性：**
1. **统一的触控事件处理**：jQuery Mobile通过抽象出跨平台的触控事件，如`vclick`（模拟点击）和`swipe`（滑动），使得开发者可以轻松地创建响应式的触摸界面。
2. **页面结构和导航**：jQuery Mobile采用一种称为“动态页面”（dynamic pages）的概念，允许在一个HTML文档中包含多个页面，通过Ajax技术实现平滑的页面切换效果。
3. **主题系统**：jQuery Mobile提供了一套可定制的主题系统（ThemeRoller），允许开发者通过简单的CSS修改，改变UI的颜色和样式，以适应品牌需求。
4. **可自定义的组件**：包括表单、按钮、工具栏、下拉菜单、滑块、网格布局等，都预设了触摸友好的交互和视觉效果。
5. **数据链接增强**：通过添加特定的属性（如`data-role`和`data-url`），可以自动将普通的HTML元素转换为功能丰富的交互组件。
6. **页面初始化和事件**：jQuery Mobile提供了诸如`pageinit`和`pageshow`等事件，帮助开发者在页面生命周期的不同阶段进行操作。
**使用步骤：**
1. **引入库文件**：在HTML文档的`<head>`部分添加jQuery和jQuery Mobile的CDN链接或本地文件引用。
```html
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css">
<script src="https://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="https://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
```
2. **页面结构**：根据jQuery Mobile的规范组织HTML结构，例如：
```html
<div data-role="page" id="mypage">
<div data-role="header">
<h1>我的页面</h1>
</div>
<div data-role="content">
<!-- 内容区域 -->
</div>
<div data-role="footer">
<h1>页脚</h1>
</div>
</div>
```
3. **组件创建**：通过添加特定的`data-*`属性来创建和配置组件，如创建一个按钮：
```html
<a href="#" data-role="button">点击我</a>
```
4. **事件绑定**：利用jQuery的事件绑定功能，监听和处理页面事件，例如：
```javascript
$(document).on('pageinit', '#mypage', function() {
// 页面初始化时的代码
});
```
5. **自定义主题**：如果需要自定义主题，可以访问jQuery Mobile的在线ThemeRoller工具，选择颜色、字体等样式，下载并应用到项目中。
jQuery Mobile通过简化移动Web开发的复杂性，为开发者提供了一个强大而直观的框架，使其能够在Android等WebKit支持的平台上快速构建功能丰富的移动应用。不过，由于它增加了页面大小和加载时间，所以在性能优化方面需要额外注意。例如，可以使用延迟加载（懒加载）策略，只在需要时加载特定页面或资源，以提高应用性能。
jquery.mobile-1.0b1.zip （10个子文件） 
jquery.mobile-1.0b1 
jquery.mobile-1.0b1.min.css 41KB
ajax-loader.png 503B
qq_298034192015-07-14不错，但是还是不会安装，我自己的问题
