如今，我们会深入介绍使用PHP 和jQuery Mobile，创建一个简单的Tuts+ RSS阅读程序。创建完毕后，你只要点击一下按钮，并且运用构建web应用程序的技能，就可以把这个简单项目添加到你的iPhone或Android手机上。

相关链接：

19、“Cancel”和“Save”按钮组合

这段代码满足了两个基本要求。第一个要求是，让两个按钮彼此相邻。幸好，jQuery Mobile库有一种内置的列结构，只要使用fieldset标签和合适的类，很容易利用这种结构，如下所示。第二个要求是，让两个按钮有不同的主题。这段代码直接来自说明文档，我把它留在手边，以便经常使用。

相关链接：

20、使用jQuery锁定平台

尽管我们很想为某些设备执行某些CSS语句，但我们也想只在特定的设备上运行jQuery。下面对来自Snipplr的一些代码作了改动，那样我很容易把jQuery的一部分隔离开来，以便根据用户的设备来运行。

相关链接：

21、创建自定义主题

jQuery Mobile框架随带五个主题：主题A、主题B、主题C、主题D和主题E。但是你很容易为自己的web应用程序创建一个新主题。

相关链接：

22、阻止一些关键项目被截断

库的一项特性(或者是缺点，就看你的需要了)在于，它能够智能化地截断很长的项目，以适应用户界面元素。

在两种情况下这可能很烦人。首先在列表项目中，我更喜欢看到全部文本。其次是在脚注文本中。

相关链接：

23、两个iPhone开发技巧，jQuery出手相助

第一个也是最简单的技巧是，使用视口。(你可能需要向苹果公司注册，才能查看该链接。需要登录才能访问简单的文档，对苹果扣两分!)视口是一个简单的元标签。这是个例子：

相关链接：

24、从列表项移除箭头

默认情况下，jQuery Mobile框架在每个列表项旁边添加一个箭头。想禁用这项功能，只要针对你想移除箭头的那个列表项，将data-icon属性设成“false”。

相关链接：

25、jQuery Mobile表单验证

可以通过这个教程学习jQuery Mobile表单验证。

相关链接：

26、使用JQuery Mobile的HTML5画布元素，侦听iPad和Android浏览器上的触摸事件

JQuery Mobile支持众多的触摸事件，大大简化了开发人员的工作。实际上，JQuery Mobile确保你的web应用程序在移动浏览器和台式机/笔记本电脑浏览器上都可以运行。 遗憾的是，你根本无法预料JavaScript点击事件在移动设备上会如同在台式机/笔记本电脑浏览器上那样运行。

相关链接：?p=2658

27、jQuery Mobile触摸事件：快速按下

可以学习如何检测智能手机设备上的“快速按下”触摸事件。

相关链接：?v=-ywcCfbnQhM&feature=related

28、使用带appMobi的JQuery Mobile

这个教学视频向你表明了如何使用带appMobi的流行JQuery JavaScript库的新移动版本。JQuery Mobile让你可以很容易创建具有原生应用程序所有外观感觉的应用程序，拥有内置的按钮、转换效果和表单等。

相关链接：?v=otBNufYLXNc&feature=related

29、同时禁用所有链接的AJAX导航功能

尽管AJAX导航功能很出色，但有时候你完全想要禁用这项功能。使用这段jQuery代码，告诉移动库不要使用AJAX导航功能。

相关链接：

30、页面装入时，显示随机性的背景图像

jQuery Mobile有许多页面初始化事件，你可以用来在页面装入时触发某些方法。下列CSS + JavaScript可以用来每当页面装入时，就显示随机性的背景图像。

相关链接：

 

31、创建只有图像、没有文本的按钮

有时候，你可能不希望按钮有任何文本，但仍使用按钮元素随带的其余特性。主页按钮或信息按钮通常就是这种情况。想隐藏与按钮有关的任何文本，把data-iconpos属性设成“notext”。比如：

相关链接：

32、jQuery Mobile工具栏导航菜单

可以学习如何使用jQuery Mobile的工具栏和导航栏，创建固定位置菜单及更多内容!

相关链接：?v=JTNp0CkIZio&feature=related

33、jQuery Mobile中的搜索列表

我们很容易创建一个列表，该列表包括了搜索元素，用户通过该搜索元素，就可以开始输入文本，并获得适合该文本的从列表过滤出来的所有元素。

相关链接：?v=09sGNvHgIzE&feature=related

34、jQuery Mobile：官方的jQuery Mobile开发框架

这个移动开发框架拥有众多优秀的功能特性，允许移动开发人员把一些专业级的jQuery效果添加到iOS、Android、BlackBerry、bada、Windows Mobile、Palm OS、Symbian和MeeGo应用程序和web应用程序中。你应该会在移动版Safari中看到这个坏小子。

相关链接：

35、不使用AJAX的页面转换效果就打开链接

想不使用AJAX的页面转换效果就打开链接(即以传统方式重新装入整个页面)，把rel属性设成“external”即可。

相关链接：

36、jQuery Mobile多页内部链接

这个简短的视频片段解释了内部链接在jQuery Mobile中是如何工作的。

相关链接：?v=OqLPP70XnVY&feature=related

37、jQuery Mobile中的对话转换

可以学习在jQuery Mobile中显示对话时，如何设定转换。

相关链接：?v=Zh0yxy8YWYs&feature=related

38、为jQuery Mobile网站添加驾驶方向

可以学习如何为jQuery Mobile网站添加驾驶方向。

相关链接：

39、jQuery Mobile框架——表单教程

在这个教程中，我们将着重介绍jQuery Mobile的一些基本元素：页面结构、表单和Ajax表单提交。该教程基于jQuery Mobile框架的版本1.0测试版2。

相关链接：

40、jQuery Mobile中的简单列表视图

这个视频片段显示了如何创建jQuery Mobile中的简单列表视图。

相关链接：?v=Jmg8GdEKDjA&feature=related

41、jQuery Mobile中的分割列表

我们可以为每一个列表项添加辅助链接。它会连同项目右边部分的图标一起显示。

相关链接：?v=YaZhS_8vaYo&feature=related

42、jQuery Mobile中的表单控件

这个简短的视频片段表明了使用jQuery Mobile库时可用的控件。

相关链接：?v=O2fvX4gtR4A&feature=related

43、jQuery Mobile中的标题和脚注固定位置

这个简短的视频片段显示了为jQuery Mobile中的标题和脚注设定固定位置具有的意义。

相关链接：?v=eDwwesKzzkU&feature=related

44、jQuery Mobile内联按钮

我们可以为按钮添加data-inline=”true”属性，就可以获得宽度不是屏幕整个宽度的按钮。这个视频片段显示了如何做到这一点。

相关链接：?v=Bp0i4NqVE_4&feature=related

45、jQuery Mobile中的Hello World

这个简短的视频片段解释了如何开发一个使用jQuery Mobile库的简单网页。

相关链接：?v=8YR4XuxwtKc&feature=related

46、使用jQuery Mobile构建具有离线功能的移动网站

可以学习如何使用jQuery Mobile构建具有离线功能的移动网站。

相关链接：

47、jQuery Mobile和JSON