当使用应用程序框架,你可以只使用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"
);
});
源自: