jqmobi快速开始(翻译)

当使用应用程序框架，你可以只使用W3C有效的选择器。要看到完整的列表，请W3C。我们不支持自定义的伪选择器，jQuery的创建。下面是一些例子应用程序框架如何可以帮助加快发展。

首先，包括到您的网页应用程序框架。

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

应用程序框架元素的加入变成了“水桶”。桶里面的所有元素访问的特殊应用程序框架API的功能，有助于加快发展。

为了使用应用程序框架，你首先调用$（）函数的参数。该参数可以是以下任一操作。
字符串 - 这可能是一个元素的id“＃ID”，类名“富”，结合“＃ID。富”，或HTML字符串创建一个对象“<div id='foo'></ DIV>”
元素 - 这将创建一个新的应用程序框架对象，并添加元素桶。
数组/对象 - 这将创建一个新的应用程序框架对象和桶中添加的项目。
功能 - 这将执行一个函数DOMContentLoaded触发时，或者情况后，立刻
你也可以传递一个的addtional参数“上下文”，允许你搜索/过滤器内。
下面是一些基本的样品找到元素。

$("#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");
在这里，我们会发现一个“foo”的元素的id和隐藏。
$("#foo").hide();
在这里，我们会发现一切与类名“removeme”，并删除它从DOM
$(".removeme").remove();
让我们来看看一些更先进的东西，我们可以做的。下面，我们将创建一个div，其追加到体内，并注册一个click事件。

var div=$("<div id="myNewDiv">This is some content</div>");

$(document.body).append(div);

div.bind("click",function(){

    alert("I was clicked");

});

源自:http://app-framework-software.intel.com/documentation.php#App Framework/quickstart