码迷,mamicode.com
首页 > 移动开发 > 详细

[App]App Framework Quickstart

时间:2014-10-05 05:10:57      阅读:278      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   使用   ar   java   sp   

---------------------------------------------------------------------------------------------------------

当使用App Framework,你只能使用W3C可用的选择器。可以去W3C查看完整的列表。不支持如jQuery中创建的自定义伪选择器。下面是一些App Framework能帮助你加速开发的例子。

 

第一步,引入App Framework到你的页面。

<script src="//cdn.app-framework-software.intel.com/2.1/appframework.min.js" type="text/javascript"></script>

App Framework通过添加元素到一个“存储桶”来工作。所有在“存储桶”的元素可以利用特别的App Framework api方法来帮助加速你的开发。

 

使用App Framework,你首先调用包含一个参数的$()方法。这个参数可以是下面的一个。

  • 字符串 - 这可以是一个id元素"#id",类名".foo",一个联合体"#id .foo",或一个用来创建对象的HTML字符串"<div id=‘foo‘></div>"
  • 元素 - 这将创建一个新的App Framework对象和添加元素到“存储桶”。
  • 数组/对象 - 这将创建一个新的App Framework对象和添加选项到“存储桶”。
  • 方法 - 当DOMContentLoaded触发时 或 紧接着在此之后,它将执行一个方法。

你可以同样传递一个附加参数"Context"来允许你搜索/过滤。

下面是一些查找元素的基础样本。

$("#foo"); //find the element with id="foo";
 
$("div"); //Find all the divs on the page;
 
$(".foo"); //Find all elements that have the classname ="foo";
 
$("#foo span"); //Find all span‘s that exist inside the element with id="foo"

 

下面,我们找所有的列表元素(<li>)并添加一个"foo"类 给它们。

$("li").addClass("foo");

 

这儿我们通过id找一个"foo"元素并隐藏它。

$("#foo").hide();

 

这儿我们找所有类名为"removeme"的DOM并移除它。

$(".removeme").remove();

 

让我们看一些能做的更高级的东西。下面,我们将创建一个div,把它追加到body中并注册一个点击事件。

var div=$("<div id="\"myNewDiv\""">This is some content</div>");
    $(document.body).append(div);
    div.bind("click",function(){
    alert("I was clicked");
});

 

@黑眼诗人 <www.chenwei.ws>

译自:http://app-framework-software.intel.com/documentation.php#intro/quickstart

[App]App Framework Quickstart

标签:style   blog   http   color   io   使用   ar   java   sp   

原文地址:http://www.cnblogs.com/farwish/p/4006653.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!