dojo/query返回的是匹配查询结果的所有节点构成的数组；这个数组实际上是一个特殊的数组对象称为dojo/NodeList， 该数组对象内建了一系列可以方便操作其中节点的方法。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<!DOCTYPE html>
<html>
<head lang=
"en"
>
<meta charset=
"UTF-8"
>
<title>NodeList</title>
<script src=
"dojo/dojo.js"
data-dojo-config=
"async: true"
></script>
<script>
require([
"dojo/query"
,
"dojo/domReady!"
],
function
(query){
query(
"li.fresh"
).on(
"click"
,
function
(){
alert(
"I love fresh "
+
this
.innerHTML);
});
});
</script>
</head>
<body>
<ul>
<li
class
=
"fresh"
>Apples</li>
<li
class
=
"fresh"
>Persimmons</li>
<li
class
=
"fresh"
>Grapes</li>
<li
class
=
"fresh"
>Fresh Figs</li>
<li
class
=
"dried"
>Dates</li>
<li
class
=
"dried"
>Raisins</li>
<li
class
=
"dried"
>Prunes</li>
<li
class
=
"fresh dried"
>Apricots</li>
<li
class
=
"fresh"
>Peaches</li>
<li
class
=
"fresh"
>Bananas</li>
<li
class
=
"fresh"
>Cherries</li>
</ul>
</body>
</html>
|
等效于：
|
1
2
3
4
5
6
7
|
<script>
require([
"dojo/query"
,
"dojo/domReady!"
],
function
(query){
query(
"li.fresh"
).on(
"click"
,
function
(e){
alert(
"I love fresh "
+ e.target.innerHTML);
});
});
</script>
|
等效于：
|
1
2
3
4
5
6
7
|
<script>
require([
"dojo/query"
,
"dojo/on"
,
"dojo/domReady!"
],
function
(query,on){
on(query(
"li.fresh"
),
"click"
,
function
(e){
alert(
"I love fresh "
+ e.target.innerHTML);
});
});
</script>
|
备注：dojo/NodeList对象与DOM NodeList对象是不相同的。
本文转自stock0991 51CTO博客，原文链接：http://blog.51cto.com/qing0991/1398817，如需转载请自行联系原作者
