jqMobi入门教程 基础知识

admin

app开发作为一种新的趋势，在app开发中有很多中框架，而appframework作为jquery mobel版的改进版，比jquery 更快，体积跟小，而且兼容各种设备，前端采用htm5。

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

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


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

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

复制代码

2. jqMobi选择器

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

复制代码

3. jqMobi常用方法

1. 
   
2. $(“li”).addClass(“foo”);
   
3. 
   
4. 
   
5. 
   
6. $(“#foo”).hide();
   
7. 
   
8. 
   
9. 
   
10. $(“.removeme”).remove();

复制代码

更多的方法看demo

小雪

谢谢楼主分享 支持phonegap中文网

爱哭的鱼

学习了，谢谢分享、、、