8个优秀的jQuery Mobile教程

移动开发
jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。虽然jQuery Mobile相对较新,但开发人员可以用jQuery Mobile为许多移动设备(包括智能手机和平板电脑)开发网站应用程序,RSS阅读器等应用。本文将为大家介绍8个有用的jQuery Mobile移动教程。

1.Creating a Website Using JQuery Mobile

地址:http://miamicoder.com/category/tutorials/jquery-mobile-tutorials/

在本教程中将告诉您如何利用jQuery Mobile建立一个网站。这个教程的第一部分为您解释该网站的特点并且完成网站的主页。 

jQuery Mobile教程:Creating a Website Using JQuery Mobile

View Live Demo Part1 Part2 Part3#p#

2.jQuery Mobile: What Can It Do for You?

地址:http://www.elated.com/articles/jquery-mobile-what-can-it-do-for-you/

这是一篇介绍jQuery Mobile主要特性和优点的详细教程,举例说明了如何利用这个新架构帮助你快速建立优质移动应用。 

jQuery Mobile教程:jQuery Mobile: What Can It Do for You?

View Live Demo#p#

3.Getting Started with jQuery Mobile & Rails 3

地址:http://fuelyourcoding.com/getting-started-with-jquery-mobile-rails-3/

本教程教我们如何利用Rails 3和jQuery Mobile创建CRUD应用。该应用程序将允许我们通过移动设备创建,读取,更新和删除博客帖子。 

jQuery Mobile教程:Getting Started with jQuery Mobile & Rails 3
View Live Demo#p#

4.Creating a Simple App Using jQuery Mobile

地址:http://devgrow.com/mobile-web-dev-using-jquery-mobile/

在这篇文章中,我们将看看如何利用框架,动态(AJAX)的页面加载,iOS的风格设计和页面过渡等创建一个简单的移动网站。 

jQuery Mobile教程:Creating a Simple App Using jQuery Mobile
View Live Demo
#p#

5.How to create a mobile WordPress theme with jQuery Mobile

地址:http://www.catswhocode.com/blog/how-to-create-a-mobile-wordpress-theme-with-jquery-mobile

本教程为您介绍如何创建一个移动优化WordPress主题。 

jQuery Mobile教程:How to create a mobile WordPress theme with jQuery Mobile

View Live Demo#p#

6.Two-Minute Tutorial  1

地址:http://www.mobiledevelopersolutions.com/home/start/twominutetutorials/tmt1part1

这个两分钟教程展示了如何使用AppLaud和PhoneGap Media API播放音频文件,并使用jQuery Mobile实现按钮和文本显示。它也显示了两种方法来访问音频文件:网址或本地上传。 

jQuery Mobile教程:Two-Minute Tutorial 1
View Live Demo Part1 Part2#p#

7.jQuery Mobile Framework – A Forms Tutorial

地址:http://mobile.tutsplus.com/tutorials/mobile-web-apps/jquery-mobile-forms/

jQuery Mobile是一个相对较新的移动网络框架,2010年10月首次发布。该框架有许多有趣的功能来支持移动应用开发。在本教程中,我们将集中于jQuery Mobile的一些基本要素:页面结构,形式和Ajax提交表单。本教程是基于jQuery Mobile 1.0 alpha版本。 

jQuery Mobile教程:jQuery Mobile Framework – A Forms Tutorial
View Live Demo#p#

8.How to Build an RSS Reader with jQuery Mobile

地址:http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/

本教程教我们如何使用PHP和jQuery Mobile建立一个简单的Tuts+ RSS阅读器。学习完这个教程,您可以轻而易举地在iPhone或Android手机上创建Tuts+ RSS阅读器。 

jQuery Mobile教程:How to Build an RSS Reader with jQuery Mobile
View Live Demo

责任编辑:佚名 来源: iteye
相关推荐

2011-09-02 10:41:51

2011-09-05 16:43:00

jQuery Mobi

2011-09-06 16:16:48

jQuery Mobi

2011-09-02 10:59:10

jQuery Mobi

2011-08-01 08:51:12

jQuery Mobi插件

2011-07-19 17:09:44

jQuery Mobi事件

2011-07-20 14:11:24

响应布局jQuery Mobi

2020-07-28 07:55:33

Python开发工具

2012-04-19 16:55:48

Titanium视频jQuery Mobi

2011-09-05 10:49:14

Sencha ToucjQuery MobiHTML5

2012-11-15 10:18:51

IBMdw

2011-07-19 14:51:54

jQuery Mobi特性

2011-07-19 15:01:16

jQuery Mobi易用性

2011-07-19 17:03:31

jQuery Mobi默认配置

2015-06-24 10:24:27

Studio

2019-04-26 07:56:40

容器秘密安全

2011-09-02 14:29:20

jQuery Mobi主题

2011-05-11 15:10:21

jQueryCSS导航栏

2011-07-21 14:57:34

jQuery Mobi

2011-09-01 10:21:52

jQuery Mobi元素
点赞
收藏

51CTO技术栈公众号