FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
kissy/src/node/base.js at master · feichang/kissy · GitHub
feichang
/
kissy
Public
forked from
kissyteam/kissy
Notifications
You must be signed in to change notification settings
Fork
0
Star
1
Code
Pull requests
0
Actions
Projects
Wiki
Security and quality
0
Insights
Additional navigation options
Code
Pull requests
Actions
Projects
Wiki
Security and quality
Insights
Expand file tree
Breadcrumbs
kissy
/
src
/
node
/
base.js
Copy path
More file actions
More file actions
Latest commit
History
History
History
223 lines (195 loc) · 6.98 KB
Breadcrumbs
kissy
/
src
/
node
/
base.js
Copy path
File metadata and controls
223 lines (195 loc) · 6.98 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
/**
* definition for node and nodelist
*
@author
lifesinger@gmail.com,yiminghe@gmail.com
*/
KISSY
.
add
(
"node/base"
,
function
(
S
,
DOM
,
undefined
)
{
var
AP
=
Array
.
prototype
,
makeArray
=
S
.
makeArray
,
isNodeList
=
DOM
.
_isNodeList
;
/**
* The NodeList class provides a wrapper for manipulating DOM Node.
*
@constructor
*/
function
NodeList
(
html
,
props
,
ownerDocument
)
{
var
self
=
this
,
domNode
;
if
(
!
(
self
instanceof
NodeList
)
)
{
return
new
NodeList
(
html
,
props
,
ownerDocument
)
;
}
// handle NodeList(''), NodeList(null), or NodeList(undefined)
if
(
!
html
)
{
return
undefined
;
}
else
if
(
S
.
isString
(
html
)
)
{
// create from html
domNode
=
DOM
.
create
(
html
,
props
,
ownerDocument
)
;
// ('<p>1</p><p>2</p>') 转换为 NodeList
if
(
domNode
.
nodeType
===
DOM
.
DOCUMENT_FRAGMENT_NODE
)
{
// fragment
AP
.
push
.
apply
(
this
,
makeArray
(
domNode
.
childNodes
)
)
;
return
undefined
;
}
}
else
if
(
S
.
isArray
(
html
)
||
isNodeList
(
html
)
)
{
AP
.
push
.
apply
(
this
,
makeArray
(
html
)
)
;
return
undefined
;
}
else
{
// node, document, window
domNode
=
html
;
}
self
[
0
]
=
domNode
;
self
.
length
=
1
;
return
undefined
;
}
S
.
augment
(
NodeList
,
{
/**
* 默认长度为 0
*/
length
:
0
,
item
:
function
(
index
)
{
var
self
=
this
;
if
(
S
.
isNumber
(
index
)
)
{
if
(
index
>=
self
.
length
)
{
return
null
;
}
else
{
return
new
NodeList
(
self
[
index
]
)
;
}
}
else
{
return
new
NodeList
(
index
)
;
}
}
,
add
:
function
(
selector
,
context
,
index
)
{
if
(
S
.
isNumber
(
context
)
)
{
index
=
context
;
context
=
undefined
;
}
var
list
=
NodeList
.
all
(
selector
,
context
)
.
getDOMNodes
(
)
,
ret
=
new
NodeList
(
this
)
;
if
(
index
===
undefined
)
{
AP
.
push
.
apply
(
ret
,
list
)
;
}
else
{
var
args
=
[
index
,
0
]
;
args
.
push
.
apply
(
args
,
list
)
;
AP
.
splice
.
apply
(
ret
,
args
)
;
}
return
ret
;
}
,
slice
:
function
(
start
,
end
)
{
return
new
NodeList
(
AP
.
slice
.
call
(
this
,
start
,
end
)
)
;
}
,
/**
* Retrieves the DOMNodes.
*/
getDOMNodes
:
function
(
)
{
return
AP
.
slice
.
call
(
this
)
;
}
,
/**
* Applies the given function to each Node in the NodeList.
*
@param
fn The function to apply. It receives 3 arguments: the current node instance, the node's index, and the NodeList instance
*
@param
context An optional context to apply the function with Default context is the current NodeList instance
*/
each
:
function
(
fn
,
context
)
{
var
self
=
this
,
len
=
self
.
length
,
i
=
0
,
node
;
for
(
node
=
new
NodeList
(
self
[
0
]
)
;
i
<
len
&&
fn
.
call
(
context
||
node
,
node
,
i
,
self
)
!==
false
;
node
=
new
NodeList
(
self
[
++
i
]
)
)
{
}
return
this
;
}
,
/**
* Retrieves the DOMNode.
*/
getDOMNode
:
function
(
)
{
return
this
[
0
]
;
}
,
/**
* stack sub query
*/
end
:
function
(
)
{
var
self
=
this
;
return
self
.
__parent
||
self
;
}
,
all
:
function
(
selector
)
{
var
ret
,
self
=
this
;
if
(
self
.
length
>
0
)
{
ret
=
NodeList
.
all
(
selector
,
self
)
;
}
else
{
ret
=
new
NodeList
(
)
;
}
ret
.
__parent
=
self
;
return
ret
;
}
,
one
:
function
(
selector
)
{
var
self
=
this
,
all
=
self
.
all
(
selector
)
,
ret
=
all
.
length
?
all
.
slice
(
0
,
1
)
:
null
;
if
(
ret
)
{
ret
.
__parent
=
self
;
}
return
ret
;
}
}
)
;
S
.
mix
(
NodeList
,
{
/**
* enumeration of dom node type
*/
ELEMENT_NODE
:
DOM
.
ELEMENT_NODE
,
ATTRIBUTE_NODE
:
DOM
.
ATTRIBUTE_NODE
,
TEXT_NODE
:
DOM
.
TEXT_NODE
,
CDATA_SECTION_NODE
:
DOM
.
CDATA_SECTION_NODE
,
ENTITY_REFERENCE_NODE
:
DOM
.
ENTITY_REFERENCE_NODE
,
ENTITY_NODE
:
DOM
.
ENTITY_NODE
,
PROCESSING_INSTRUCTION_NODE
:
DOM
.
PROCESSING_INSTRUCTION_NODE
,
COMMENT_NODE
:
DOM
.
COMMENT_NODE
,
DOCUMENT_NODE
:
DOM
.
DOCUMENT_NODE
,
DOCUMENT_TYPE_NODE
:
DOM
.
DOCUMENT_TYPE_NODE
,
DOCUMENT_FRAGMENT_NODE
:
DOM
.
DOCUMENT_FRAGMENT_NODE
,
NOTATION_NODE
:
DOM
.
NOTATION_NODE
,
/**
* 查找位于上下文中并且符合选择器定义的节点列表或根据 html 生成新节点
*
@param
{
String|HTMLElement[]|NodeList
} selector html 字符串或<a href='http://docs.kissyui.com/docs/html/api/core/dom/selector.html'>选择器</a>或节点列表
*
@param
{
String|Array<HTMLElement>|NodeList|HTMLElement|Document
} [context] 上下文定义
*
@returns
{
NodeList
} 节点列表对象
*/
all
:
function
(
selector
,
context
)
{
// are we dealing with html string ?
// TextNode 仍需要自己 new Node
if
(
S
.
isString
(
selector
)
&&
(
selector
=
S
.
trim
(
selector
)
)
&&
selector
.
length
>=
3
&&
S
.
startsWith
(
selector
,
"<"
)
&&
S
.
endsWith
(
selector
,
">"
)
)
{
if
(
context
)
{
if
(
context
.
getDOMNode
)
{
context
=
context
.
getDOMNode
(
)
;
}
if
(
context
.
ownerDocument
)
{
context
=
context
.
ownerDocument
;
}
}
return
new
NodeList
(
selector
,
undefined
,
context
)
;
}
return
new
NodeList
(
DOM
.
query
(
selector
,
context
)
)
;
}
,
one
:
function
(
selector
,
context
)
{
var
all
=
NodeList
.
all
(
selector
,
context
)
;
return
all
.
length
?
all
.
slice
(
0
,
1
)
:
null
;
}
}
)
;
return
NodeList
;
}
,
{
requires
:
[
"dom"
]
}
)
;
/**
* Notes:
* 2011-05-25
* - 承玉：参考 jquery，只有一个 NodeList 对象，Node 就是 NodeList 的别名
*
* 2010.04
* - each 方法传给 fn 的 this, 在 jQuery 里指向原生对象，这样可以避免性能问题。
* 但从用户角度讲，this 的第一直觉是 $(this), kissy 和 yui3 保持一致，牺牲
* 性能，以易用为首。
* - 有了 each 方法，似乎不再需要 import 所有 dom 方法，意义不大。
* - dom 是低级 api, node 是中级 api, 这是分层的一个原因。还有一个原因是，如果
* 直接在 node 里实现 dom 方法，则不大好将 dom 的方法耦合到 nodelist 里。可
* 以说，技术成本会制约 api 设计。
*/
Back
|
FazBrowse Home
|
New Git URL