【51CTO独家特稿】jQuery Mobile是什么?jQuery Mobile是一种用于开发web应用程序和移动网站的框架，旨在提供适用于多种平台的统一用户界面，比如iOS、BlackBerry、Android和Windows Mobile等平台。

51CTO推荐专题：jQuery Mobile基础入门教程

1、Backbone移动实例

这是在Safari中运行的一款Backbone移动应用程序。想开始体验移动开发，一个好的出发点就是关注这个应用程序的构建方式。先不妨在你的浏览器中查看该应用程序。

相关链接：

2、使用媒体查询来锁定设备

你可能会问如何使用CSS来锁定设备(根据屏幕尺寸)。比如说，你想要为iPad设计两列布局、为智能手机设计单列布局。要做到这一点，最佳办法就是使用媒体查询。只要一些简单的媒体查询已到位，你就能迅速让CSS锁定屏幕尺寸。

相关链接：

3、快速技巧：如何使用@Font-face

可几个字体更换方法可以使用，比如cufon、sIFR、FLIR、@font-face和Google Fonts API。使用jQuery Mobile构建web应用程序时，我发现@font-face方法是用起来最容易的方法，其性能让人相当满意。

相关链接：

4、何处添加额外的jQuery调用

如果你想在移动插件被触发之前改动页面上的内容，那么建议的解决办法就是只要把传统的jQuery调用放在装入移动插件的引用之前。这样，你的jQuery命令就有机会在库装入之前运行。

相关链接：

5、完整的基本页面

你可能发现自己一再需要为基本页面建立完整的标记。正因为如此，这里是创建一个基本页面所需要的全部代码。

相关链接：

6、自行创建列结构

如果你想为多个设备设计最佳的单个页面结构，会发现自己经常结合运用上述的媒体查询技巧和“随意顺序的列”(columns in any order)方法。幸好，web开发人员很早以前就弄清楚了如何移动列以及结合运用这个方法和媒体查询。

相关链接：

7、结合使用谷歌分析(Google Analytics)工具和jQuery Mobile

可以学习如何结合使用谷歌分析(Google Analytics)工具和jQuery Mobile。

相关链接：

8、通过AJAX和PHP，提交jQuery Mobile表单

可以学习如何通过AJAX和PHP，提交jQuery Mobile表单。

相关链接：?p=2574

9、如何使用jQuery Mobile来创建移动WordPress主题

这个工具让你很容易创建移动网站和web应用程序。在这个教程中，我会介绍如何创建针对移动设备优化的WordPress主题。

相关链接：

10、使用jQuery Mobile来创建网站，第一个部分

在这个教程中，我会介绍如何使用jQuery Mobile来创建网站。在该教程的这第一个部分中，我会解释网站的特点，还会实施网站的主页。

相关链接：

1

内容导航

 第 1 页：jQuery Mobile开发技巧集萃1~10  第 2 页：jQuery Mobile开发技巧集萃11~20

 第 3 页：jQuery Mobile开发技巧集萃21~30  第 4 页：jQuery Mobile开发技巧集萃31~40

 第 5 页：jQuery Mobile开发技巧集萃41~50

原文：经典收藏 50个jQuery Mobile开发技巧集萃(1) 返回移动开发首页