PhoneGap中文网

标题: jqMobi入门教程基础知识 [打印本页]

作者: admin 时间: 2014-3-1 14:00
标题: jqMobi入门教程基础知识
app开发作为一种新的趋势，在app开发中有很多中框架，而appframework作为jquery mobel版的改进版，比jquery 更快，体积跟小，而且兼容各种设备，前端采用htm5。

jqMobi官网：www.jqmobi.com也可以打开跳转到 intel官网
intel收购以后的官网http://app-framework-software.intel.com/

使用appframework开发app，其实很简单。

使用前准备：引入css js文件

<script type=“text/javascript” charset=“utf-8” src=“appframework.min.js”></script>
<script type=“text/javascript” charset=“utf-8” src=“appframework.ui.min.js”></script>
<link rel=“stylesheet” type=“text/css” href=“css/icons.css” />
<link rel=“stylesheet” type=“text/css” href=“css/af.ui.css” title=“default” />

复制代码

2. jqMobi选择器

$(“#foo”); //获取 id=“foo”的元素
$(“div”); //获取所有div的元素
$(“.foo”); //获取 classname =“foo”的元素
$(“#foo span”); //获取 id=“foo”元素下面的所有span元素

复制代码

3. jqMobi常用方法

$(“li”).addClass(“foo”);
$(“#foo”).hide();
$(“.removeme”).remove();

复制代码

更多的方法看demo

作者: 小雪 时间: 2014-3-2 01:34
谢谢楼主分享支持phonegap中文网

作者: 爱哭的鱼 时间: 2014-3-5 03:19
学习了，谢谢分享、、、

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)