jQ.Mobi指南系列教程:jQ.Mobi组件

移动开发
jQ.Mobi指南系列教程是《 jqMobi Javascript Frameworks Cheat Sheet》 的中文版,详细介绍了jQ.Mobi.本文为jQ.Mobi指南系列教程的第一部分,jQ.Mobi组件.

jQ.Mobi是针对HTML5浏览器的JavaScript框架,它是由三个组件部分组成:

  • jQ.Mobi(一个极快的查询选择库,支持W3C查询)
  • jQ.Ui(运行在WebKit浏览器之上的移动应用程序的UI/UX库)
  • jQ.Plugins(移动应用在WebKit的浏览器插件)。

准备

下载jQ.Mobi框架https://github.com/appmobi/jQ.Mobi

在应用中使用jQ.Mobi,通过加入下面的脚本标记在你的HTML文件里:

  1. <script  type=”text/javascript” charset=”utf-8″ src=”jq.mobi.min.js”></script> 

在应用程序中使用/引用包括所有jQ.Plugins,通过加入下面的脚本在你的HTML文件的标记里:

  1. <script type=”text/javascript” charset=”utf-8″src=”jq.web.min.js”></script> 

如果有需要你也可单个引用插件,例如

  1. <script type=”text/javascript” charset=”utf-8″src=”plugins/jq.scroller.js”></script> 

通过添加下面的script标签和link标签在你的应用里引用jQ.Ui

  1. <script type=”text/javascript”charset=”utf-8″ src=”ui/jq.ui.min.js”></script> 
  2. <link rel=”stylesheet”type=”text/css” href=”jq.ui.css” /> 
jQ.Mobi组件
名称 内容

jQ.Mobi

  Jq.mobi.min.js一个极快的查询选择库,支持W3C查询

jQ.Plugins

  Jq.web.min.js-为运行在webkit核心浏览器的移动应用而做的插件,既可以用它来开发移动app也可用在传统的手机web开发中。

包括:

jq.alphatable, jq.carousel,  jq.css3animate,  jq.drawer,

jq.passwordBox, jq.swipeListener, jq.scroller,  jq.selectBox, and jq.template

jQ.Ui

  Jq.ui.min.js -为建立针对webkit核心浏览器的jqMobi移动应用而设的 UI/UX 框架,     由css3animate, passwordBox, scroller, and  selectBox jqPlugins的几个组件加在一起组成的:

固定的标题栏,自动滚动的内容面板,

一个可选的Navbar细分您的应用程序

原文地址,jqmobi更多信息见http://www.jqmb.net

责任编辑:佚名 来源: 思越的Blog
相关推荐

2012-04-23 15:47:32

jQ.Mobi

2012-04-23 15:07:45

jQ.Mobi

2012-05-28 09:50:32

jQuery插件

2022-02-08 12:19:36

LinuxJQ命令

2023-08-08 00:11:57

命令行工具查询

2012-06-06 15:20:18

jQuery

2012-05-02 14:41:04

jQuery

2012-05-24 10:15:48

PHP

2012-05-29 10:36:43

jQuery

2012-05-07 10:13:39

CSS3

2012-05-08 09:38:03

jQuery

2013-03-18 10:01:34

jQueryJavaScript

2012-12-24 13:54:13

WebjQuery前端

2012-06-20 14:34:03

jQuery

2012-06-14 14:09:58

JavaScript

2023-11-18 11:43:23

2012-06-18 15:40:32

jQuery

2012-07-04 14:40:37

Ajax

2009-11-13 15:46:25

Java多线程

2023-03-28 08:40:22

命令行JSON用法
点赞
收藏

51CTO技术栈公众号