`

转:8 个优秀的 jQuery Mobile 教程

阅读更多
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

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



View Live Demo Part1 Part2 Part3

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

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




View Live Demo

3. Getting Started with jQuery Mobile & Rails 3

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



View Live Demo

4. Creating a Simple App Using jQuery Mobile

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



View Live Demo

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

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



View Live Demo

6.Two-Minute Tutorial  1

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



View Live Demo Part1 Part2

7. jQuery Mobile Framework – A Forms Tutorial

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




View Live Demo

8. How to Build an RSS Reader with jQuery Mobile

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


View Live Demo
分享到:
评论

相关推荐

    开发者必读jQueryMobile入门教程.pdf

    jQuery Mobile 是一个专门为移动设备设计的前端框架,它由 jQuery 社区开发,旨在简化跨平台的移动 web 应用程序开发。这个框架的核心理念是实现渐进增强,确保在各种移动设备上都能提供良好的用户体验,同时兼顾...

    w3school jQuery Mobile教程 飞龙整理 20141022

    w3school的jQuery Mobile教程是一个很好的资源,它提供了一个系统化的学习路径,帮助初学者掌握这个框架。 jQuery Mobile的核心特性在于它的“Write Less, Do More”理念,通过简单的标记和API,可以创建出功能丰富...

    jquery mobile pdf + 源码

    PDF文档《jQuery+Mobile权威指南》由陶国荣编著,是一本权威的jQuery Mobile教程,涵盖了从基础到高级的各种主题。书中详细介绍了jQuery Mobile的核心概念,如页面结构、事件处理、数据属性、表单处理以及各种UI组件...

    JQuery Mobile权威指南+附书源码+中文api

    1. **基础教程**:从设置环境到创建第一个页面,逐步引导读者熟悉 jQuery Mobile 的基本用法。 2. **组件使用**:详细讲解各种组件的用法和配置,如按钮、表单、列表、面板等。 3. **页面结构和路由**:解释如何...

    Sams Teach Yourself jQuery Mobile in 24 Hours

    《Sams Teach Yourself jQuery Mobile in 24 Hours》是一本旨在帮助读者快速掌握jQuery Mobile框架的教程书。它通过24小时的学习计划,让读者能够迅速上手并深入了解移动Web开发的核心技术。本书适合英语水平较好的...

    50个jQuery Mobile开发技巧集萃

    - **概念理解**: WordPress是一个非常流行的CMS平台,而jQuery Mobile则是一个优秀的移动Web框架。结合这两者可以快速创建高质量的移动友好型网站。 - **实践操作**: - 安装和配置WordPress环境。 - 创建一个新...

    Jquerymobile学习手册

    综上所述,jQueryMobile作为一个成熟的跨平台移动应用开发框架,不仅能够帮助开发者快速构建功能丰富、用户体验优秀的移动应用,而且其广泛的社区支持也为学习和实践提供了便利条件。随着技术的进步和市场需求的变化...

    软件工程师_经典收藏50个jQueryMobile开发技巧集萃.docx

    以下是50个jQuery Mobile开发技巧的概览: 1. **Backbone 移动实例**:学习如何结合Backbone.js和jQuery Mobile来构建移动应用,通过Safari或其他浏览器进行测试。 2. **媒体查询**:利用CSS媒体查询实现响应式...

    jQuery Mobile快速入门完整版.pdf+所有源码

    《jQuery Mobile快速入门完整版.pdf》是一本针对前端开发者,特别是初学者的优秀教程,它深入浅出地介绍了如何使用jQuery Mobile这一强大的移动设备友好框架。jQuery Mobile是jQuery库的一个扩展,专门设计用于构建...

    jquery mobile快速入门

    - **教程视频**:YouTube 上有很多优秀的 jQuery Mobile 教程,适合视觉学习者。 综上所述,jQuery Mobile 作为一款强大的移动 Web 开发框架,不仅提供了丰富的 UI 组件,还具备良好的跨平台性和可扩展性。通过本文...

    jqueryMobile资料收集

    文件列表中的"jqueryMobile"可能包括了框架的文档、示例代码、教程等,这些资料对于学习和实践 jQuery Mobile 与 HTML5 的集成非常有价值。通过深入理解这两个技术,开发者可以构建出功能丰富、用户体验优秀的跨平台...

    Announcing jQuery Mobile 1.1.0

    通过这些改进,jQuery Mobile 1.1.0 成为了移动应用开发者的得力工具,它简化了移动 Web 开发流程,降低了跨平台开发的难度,使开发者能够更专注于创造优秀的用户体验。 在压缩包内的 `jQuery Mobile.htm` 文件中,...

    jQuery Mobile快速入门完整版.pdf + 所有源码

    总之,jQuery Mobile是构建触摸友好的移动Web应用的强大工具,这个教程将引导你一步步掌握其核心技术,无论你是Web开发新手还是希望拓展移动开发技能的专业人士,都能从中受益。通过学习和实践,你将能够自信地构建...

    jquery mobile

    jQuery Mobile凭借其跨平台的特性,成为开发移动Web应用的一个优秀选择。它不仅仅是一个简单的框架,更是一种遵循开放Web标准的方法,让Web应用能够轻松地为移动设备提供一致的用户体验。 总结而言,jQuery Mobile...

    jQuery Mobile快速入门245页完整版.pdf 和 所有源码

    《jQuery Mobile快速入门245页完整版.pdf》是一本深入浅出的教程,它旨在帮助初学者快速掌握jQuery Mobile这一强大的移动应用开发框架。jQuery Mobile是基于jQuery库的,专为触摸设备设计,用于创建响应式、跨平台的...

    Html5 phonegap结合Jquerymobile资源

    jQuery Mobile则是一个轻量级的前端框架,专为触摸优化的移动Web界面设计。 首先,HTML5带来了许多新特性,如离线存储(Application Cache)、本地存储(localStorage)、Geolocation(地理位置)、Canvas绘图、SVG...

    jquery移动端开发自适应轮播图

    本教程将详细讲解如何使用jQuery Mobile进行移动端开发,创建一个自适应的轮播图,并解决可能遇到的CSS冲突问题。 首先,jQuery Mobile 是一个强大的框架,专为触摸设备设计,它提供了丰富的组件和样式,简化了移动...

Global site tag (gtag.js) - Google Analytics