forked from RubyLouvre/mass-Framework
-
Notifications
You must be signed in to change notification settings - Fork 0
/
node.js
748 lines (731 loc) · 37.6 KB
/
node.js
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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
//==================================================
// 节点操作模块
//==================================================
define("node", ["support", "class", "data"]
.concat(this.dispatchEvent ? ["query_neo"] : ["node_fix","query"]),
//注意合并时
function($) {
var rtag = /^[a-zA-Z]+$/,
rtagName = /<([\w:]+)/,
//取得其tagName
rxhtml = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
rcreate = $.support.noscope ? /(<(?:script|link|style|meta|noscript))/ig : /[^\d\D]/,
types = $.oneObject("text/javascript", "text/ecmascript", "application/ecmascript", "application/javascript", "text/vbscript"),
//需要处理套嵌关系的标签
rnest = /<(?:tb|td|tf|th|tr|col|opt|leg|cap|area)/,
adjacent = "insertAdjacentHTML",
TAGS = "getElementsByTagName";
function getDoc() { //获取文档对象
for (var i = 0, el; i < arguments.length; i++) {
if (el = arguments[i]) {
if (el.nodeType) {
return el.nodeType === 9 ? el : el.ownerDocument;
} else if (el.setTimeout) {
return el.document;
}
}
}
return document;
}
$.fixCloneNode = $.fixCloneNode || function(node) {
return node.cloneNode(true)
}
$.fixParseHTML = $.fixParseHTML || $.noop;
$.fn = $.prototype;
$.fn.extend = $.factory.extend;
$.extend = $.mix;
$.fn.extend({
init: function(expr, context) {
// 分支1: 处理空白字符串,null,undefined参数
if (!expr) {
return this;
}
//分支2: 让$实例与元素节点一样拥有ownerDocument属性
var doc, nodes; //用作节点搜索的起点
if ($.isArrayLike(context)) { //typeof context === "string"
return $(context).find(expr);
}
if (expr.nodeType) { //分支3: 处理节点参数
this.ownerDocument = expr.nodeType === 9 ? expr : expr.ownerDocument;
return $.Array.merge(this, [expr]);
}
this.selector = expr + "";
if (typeof expr === "string") {
doc = this.ownerDocument = !context ? document : getDoc(context, context[0]);
var scope = context || doc;
expr = expr.trim();
if (expr.charAt(0) === "<" && expr.charAt(expr.length - 1) === ">" && expr.length >= 3) {
nodes = $.parseHTML(expr, doc); //分支5: 动态生成新节点
nodes = nodes.childNodes;
} else if (rtag.test(expr)) { //分支6: getElementsByTagName
nodes = scope[TAGS](expr);
} else { //分支7:进入选择器模块
nodes = $.query(expr, scope);
}
return $.Array.merge(this, nodes);
} else { //分支8:处理数组,节点集合或者mass对象或window对象
this.ownerDocument = getDoc(expr[0]);
$.Array.merge(this, $.isArrayLike(expr) ? expr : [expr]);
delete this.selector;
}
},
mass: $.mass,
length: 0,
valueOf: function() { //转换为纯数组对象
return Array.prototype.slice.call(this);
},
size: function() {
return this.length;
},
toString: function() { //对得它们的tagName,组成纯数组返回
var i = this.length,
ret = [],
getType = $.type;
while (i--) {
ret[i] = getType(this[i]);
}
return ret.join(", ");
},
labor: function(nodes) { //用于构建一个与对象具有相同属性,但里面的节点集不同的mass对象
var neo = new $;
neo.context = this.context;
neo.selector = this.selector;
neo.ownerDocument = this.ownerDocument;
return $.Array.merge(neo, nodes || []);
},
slice: function(a, b) { //传入起止值,截取原某一部分再组成mass对象返回
return this.labor($.slice(this, a, b));
},
get: function(num) { //取得与索引值相对应的节点,若为负数从后面取起,如果不传,则返回节点集的纯数组
return !arguments.length ? this.valueOf() : this[num < 0 ? this.length + num : num];
},
eq: function(i) { //取得与索引值相对应的节点,并构成mass对象返回
return i === -1 ? this.slice(i) : this.slice(i, +i + 1);
},
gt: function(i) { //取得原对象中索引值大于传参的节点们,并构成mass对象返回
return this.slice(i + 1, this.length);
},
lt: function(i) { //取得原对象中索引值小于传参的节点们,并构成mass对象返回
return this.slice(0, i);
},
first: function() { //取得原对象中第一个的节点,并构成mass对象返回
return this.slice(0, 1);
},
last: function() { //取得原对象中最后一个的节点,并构成mass对象返回
return this.slice(-1);
},
even: function() { //取得原对象中索引值为偶数的节点,并构成mass对象返回
return this.labor($.filter(this, function(_, i) {
return i % 2 === 0;
}));
},
odd: function() { //取得原对象中索引值为奇数的节点,并构成mass对象返回
return this.labor($.filter(this, function(_, i) {
return i % 2 === 1;
}));
},
each: function(fn) {
for(var i = 0, n = this.length; i < n; i++){
fn.call(this[i], i, this[i]);
}
return this;
},
map: function(fn) {
return this.labor($.map(this, fn));
},
clone: function(dataAndEvents, deepDataAndEvents) { //复制原mass对象,它里面的节点也一一复制,
dataAndEvents = dataAndEvents == null ? false : dataAndEvents; //传参用于决定是否复制事件与数据
deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
return this.map(function() {
return cloneNode(this, dataAndEvents, deepDataAndEvents);
});
},
html: function(item) { //取得或设置节点的innerHTML属性
return $.access(this, function(el, value) {
if (this === $) { //getter
return "innerHTML" in el ? el.innerHTML : innerHTML(el);
} else { //setter
value = item == null ? "" : item + ""; //如果item为null, undefined转换为空字符串,其他强制转字符串
//接着判断innerHTML属性是否符合标准,不再区分可读与只读
//用户传参是否包含了script style meta等不能用innerHTML直接进行创建的标签
//及像col td map legend等需要满足套嵌关系才能创建的标签, 否则会在IE与safari下报错
if ($.support.innerHTML && (!rcreate.test(value) && !rnest.test(value))) {
try {
for (var i = 0; el = this[i++]; ) {
if (el.nodeType === 1) {
$.each(el[TAGS]("*"), cleanNode);
el.innerHTML = value;
}
}
return;
} catch (e) {
}
;
}
this.empty().append(value);
}
}, null, arguments);
},
text: function(item) { // 取得或设置节点的text或innerText或textContent属性
return $.access(this, function(el) {
if (this === $) { //getter
if (el.tagName === "SCRIPT") {
return el.text;//IE6-8下只能用innerHTML, text获取内容
}
return el.textContent || el.innerText || $.getText([el]);
} else { //setter
this.empty().append(this.ownerDocument.createTextNode(item));
}
}, null, arguments);
},
outerHTML: function(item) { // 取得或设置节点的outerHTML
return $.access(this, function(el) {
if (this === $) { //getter
return "outerHTML" in el ? el.outerHTML : outerHTML(el);
} else { //setter
this.empty().replace(item);
}
}, null, arguments);
}
});
$.fn.init.prototype = $.fn;
"push,unshift,pop,shift,splice,sort,reverse".replace($.rword, function(method) {
$.fn[method] = function() {
return prefixes[method].apply(this, arguments);
}
});
"remove,empty,detach".replace($.rword, function(method) {
$.fn[method] = function() {
var isRemove = method !== "empty";
for (var i = 0, node; node = this[i++]; ) {
if (node.nodeType === 1) {
//移除匹配元素
var array = $.slice(node[TAGS]("*")).concat(isRemove ? node : []);
if (method !== "detach") {
array.forEach(cleanNode);
}
}
if (isRemove) {
if (node.parentNode) {
node.parentNode.removeChild(node);
}
} else {
while (node.firstChild) {
node.removeChild(node.firstChild);
}
}
}
return this;
}
});
//前导 前置 追加 后放 替换
"append,prepend,before,after,replace".replace($.rword, function(method) {
$.fn[method] = function(item) {
return manipulate(this, method, item, this.ownerDocument);
};
$.fn[method + "To"] = function(item) {
$(item, this.ownerDocument)[method](this);
return this;
};
});
//添加对jQuery insertAfter/insertBefore的兼容支持
$.fn.insertAfter = function(item) {
$.log("insertAfter is deprecated, instead of afterTo");
return this.afterTo(item);
};
$.fn.insertBefore = function(item) {
$.log("insertBefore is deprecated, instead of beforeTo");
return this.beforeTo(item);
};
//http://dev.opera.com/articles/view/opera-mobile-emulator-experimental-webkit-prefix-support/
var prefixes = ['', '-webkit-', '-o-', '-moz-', '-ms-', 'WebKit-', 'moz-', "webkit-", 'ms-', '-khtml-'];
var cssMap = {//支持检测 WebKitMutationObserver WebKitCSSMatrix mozMatchesSelector ,webkitRequestAnimationFrame
"float": $.support.cssFloat ? 'cssFloat' : 'styleFloat',
background: "backgroundColor"
};
function cssName(name, host, camelCase) {
if (cssMap[name]) {
return cssMap[name];
}
host = host || $.html.style; //$.html为document.documentElement
for (var i = 0, n = prefixes.length; i < n; i++) {
camelCase = $.String.camelize(prefixes[i] + name);
if (camelCase in host) {
return (cssMap[name] = camelCase);
}
}
return null;
}
var matchesAPI = cssName("matchesSelector", $.html);
$.mix({
//判定元素是否支持此样式 http://www.cnblogs.com/rubylouvre/archive/2011/03/28/1998223.html
cssName: cssName,
match: function(node, expr) {
//判定元素节点是否匹配CSS表达式
try {
return node[matchesAPI](expr);
} catch (e) {
var parent = node.parentNode;
if (parent) {
var array = $.query(expr, node.ownerDocument);
return array.indexOf(node) !== -1;
}
return false;
}
},
access: function(elems, callback, directive, args) {
//用于统一配置多态方法的读写访问,涉及方法有text, html, outerHTML,data, attr, prop, val, css
var length = elems.length,
key = args[0],
value = args[1];//读方法
if (args.length === 0 || args.length === 1 && typeof directive === "string") {
var first = elems[0];//由于只有一个回调,我们通过this == $判定读写
return first && first.nodeType === 1 ? callback.call($, first, key) : void 0;
} else {//写方法
if (directive === null) {
callback.call(elems, args);
} else {
if (typeof key === "object") {
for (var k in key) { //为所有元素设置N个属性
for (var i = 0; i < length; i++) {
callback.call(elems, elems[i], k, key[k]);
}
}
} else {
for (i = 0; i < length; i++) {
callback.call(elems, elems[i], key, value);
}
}
}
}
return elems;//返回自身,链式操作
},
/**
* 将字符串转换为文档碎片,如果没有传入文档碎片,自行创建一个
* 有关innerHTML与createElement创建节点的效率可见<a href="http://andrew.hedges.name/experiments/innerhtml/">这里</a><br/>
* 注意,它能执行元素的内联事件,如<br/>
* <pre><code>$.parseHTML("<img src=1 onerror=alert(22) />")</code></pre>
* @param {String} html 要转换为节点的字符串
* @param {Document} doc 可选
* @return {FragmentDocument}
*/
parseHTML: function(html, doc) {
doc = doc || this.nodeType === 9 && this || document;
html = html.replace(rxhtml, "<$1></$2>").trim();
//尝试使用createContextualFragment获取更高的效率
//http://www.cnblogs.com/rubylouvre/archive/2011/04/15/2016800.html
if ($.cachedRange && doc === document && !rcreate.test(html) && !rnest.test(html)) {
return $.cachedRange.createContextualFragment(html);
}
if ($.support.noscope) { //fix IE
html = html.replace(rcreate, "<br class=fix_noscope>$1"); //在link style script等标签之前添加一个补丁
}
var tag = (rtagName.exec(html) || ["", ""])[1].toLowerCase(),
//取得其标签名
wrap = tagHooks[tag] || tagHooks._default,
fragment = doc.createDocumentFragment(),
wrapper = doc.createElement("div"),
firstChild;
wrapper.innerHTML = wrap[1] + html + (wrap[2] || "");
var els = wrapper[TAGS]("script");
if (els.length) { //使用innerHTML生成的script节点不会发出请求与执行text属性
var script = doc.createElement("script"),
neo;
for (var i = 0, el; el = els[i++]; ) {
if (!el.type || types[el.type]) { //如果script节点的MIME能让其执行脚本
neo = script.cloneNode(false); //FF不能省略参数
for (var j = 0, attr; attr = el.attributes[j++]; ) {
if (attr.specified) { //复制其属性
neo[attr.name] = attr.value;
}
}
neo.text = el.text; //必须指定,因为无法在attributes中遍历出来
el.parentNode.replaceChild(neo, el); //替换节点
}
}
}
//移除我们为了符合套嵌关系而添加的标签
for (i = wrap[0]; i--; wrapper = wrapper.lastChild) {
}
;
$.fixParseHTML(wrapper, html);
while (firstChild = wrapper.firstChild) { // 将wrapper上的节点转移到文档碎片上!
fragment.appendChild(firstChild);
}
return fragment;
}
});
//parseHTML的辅助变量
var tagHooks = {
area: [1, "<map>"],
param: [1, "<object>"],
col: [2, "<table><tbody></tbody><colgroup>", "</table>"],
legend: [1, "<fieldset>"],
option: [1, "<select multiple='multiple'>"],
thead: [1, "<table>", "</table>"],
tr: [2, "<table><tbody>"],
td: [3, "<table><tbody><tr>"],
//IE6-8在用innerHTML生成节点时,不能直接创建no-scope元素与HTML5的新标签
_default: $.support.noscope ? [1, "X<div>"] : [0, ""] //div可以不用闭合
},
insertHooks = {
prepend: function(el, node) {
el.insertBefore(node, el.firstChild);
},
append: function(el, node) {
el.appendChild(node);
},
before: function(el, node) {
el.parentNode.insertBefore(node, el);
},
after: function(el, node) {
el.parentNode.insertBefore(node, el.nextSibling);
},
replace: function(el, node) {
el.parentNode.replaceChild(node, el);
},
prepend2: function(el, html) {
el[adjacent]("afterBegin", html);
},
append2: function(el, html) {
el[adjacent]("beforeEnd", html);
},
before2: function(el, html) {
el[adjacent]("beforeBegin", html);
},
after2: function(el, html) {
el[adjacent]("afterEnd", html);
}
};
tagHooks.optgroup = tagHooks.option;
tagHooks.tbody = tagHooks.tfoot = tagHooks.colgroup = tagHooks.caption = tagHooks.thead;
tagHooks.th = tagHooks.td;
function insertAdjacentNode(elems, item, handler) { //使用appendChild,insertBefore实现,item为普通节点
for (var i = 0, el; el = elems[i]; i++) { //第一个不用复制,其他要
handler(el, i ? cloneNode(item, true, true) : item);
}
}
function insertAdjacentHTML(elems, item, fastHandler, handler) {
for (var i = 0, el; el = elems[i++]; ) { //尝试使用insertAdjacentHTML
if (item.nodeType) { //如果是文档碎片
handler(el, item.cloneNode(true));
} else {
fastHandler(el, item);
}
}
}
function insertAdjacentFragment(elems, item, doc, handler) {
var fragment = doc.createDocumentFragment();
for (var i = 0, el; el = elems[i++]; ) {
handler(el, makeFragment(item, fragment, i > 1));
}
}
function makeFragment(nodes, fragment, bool) {
//只有非NodeList的情况下我们才为i递增;
var ret = fragment.cloneNode(false),
go = !nodes.item;
for (var i = 0, node; node = nodes[i]; go && i++) {
ret.appendChild(bool && cloneNode(node, true, true) || node);
}
return ret;
}
/**
* 实现insertAdjacentHTML的增强版
* @param {mass} nodes mass实例
* @param {String} name 方法名
* @param {Any} item 插入内容或替换内容,可以为HTML字符串片断,元素节点,文本节点,文档碎片或mass对象
* @param {Document} doc 执行环境所在的文档
* @return {mass} 还是刚才的mass实例
*/
function manipulate(nodes, name, item, doc) {
var elems = $.filter(nodes, function(el) {
return el.nodeType === 1; //转换为纯净的元素节点数组
}),
handler = insertHooks[name];
if (item.nodeType) {
//如果是传入元素节点或文本节点或文档碎片
insertAdjacentNode(elems, item, handler);
} else if (typeof item === "string") {
//如果传入的是字符串片断
//如果方法名不是replace并且完美支持insertAdjacentHTML并且不存在套嵌关系的标签
var fast = (name !== "replace") && $.support[adjacent] && !rnest.test(item);
if (!fast) {
item = $.parseHTML(item, doc);
}
insertAdjacentHTML(elems, item, insertHooks[name + "2"], handler);
} else if (item.length) {
//如果传入的是HTMLCollection nodeList mass实例,将转换为文档碎片
insertAdjacentFragment(elems, item, doc, handler);
}
return nodes;
}
$.fn.extend({
data: function(key, value) {
if (key === void 0) { //如果什么都不传,则把用户数据与用户写在标签内以data-*形式储存的数据一并返回
if (this.length) {
var target = this[0],
data = $.data(target);
if (target.nodeType === 1 && !$._data(target, "parsedAttrs")) {
for (var i = 0, attrs = target.attributes, attr; attr = attrs[i++]; ) {
var name = attr.name;
if (!name.indexOf("data-")) {
$.parseData(target, name.slice(5), data, attr.value)
}
}
$._data(target, "parsedAttrs", true);
}
}
return data;
}
return $.access(this, function(el, data) {
if (/^[^238]$/.test(el.nodeType)) {
return $.data(el, key, value);
}
}, key, arguments);
},
removeData: function(key) { //移除用户数据
return this.each(function() {
$.removeData(this, key);
});
}
});
function cleanNode(node) {
//移除节点对数据的清除
$._removeData(node);
node.clearAttributes && node.clearAttributes();
}
function cloneNode(node, dataAndEvents, deepDataAndEvents) {
if (node.nodeType === 1) {
var neo = $.fixCloneNode(node), //复制元素的attributes
src, neos, i;
if (dataAndEvents) {
$.mergeData(neo, node); //复制数据与事件
if (deepDataAndEvents) { //处理子孙的复制
src = node[TAGS]("*");
neos = neo[TAGS]("*");
for (i = 0; src[i]; i++) {
$.mergeData(neos[i], src[i]);
}
}
}
src = neos = null;
return neo;
} else {
return node.cloneNode(true);
}
}
function outerHTML(el) { //主要是用于XML
switch (el.nodeType + "") {
case "1":
case "9":
return "xml" in el ? el.xml : new XMLSerializer().serializeToString(el);
case "3":
case "4":
return el.nodeValue;
default:
return "";
}
}
function innerHTML(el) { //主要是用于XML
for (var i = 0, c, ret = []; c = el.childNodes[i++]; ) {
ret.push(outerHTML(c));
}
return ret.join("");
}
$.fn.extend({
find: function(expr) {
//取得当前匹配节点的所有匹配expr的后代,组成新mass实例返回。
return this.labor($.query(expr, this));
},
filter: function(expr) {
//取得当前匹配节点的所有匹配expr的节点,组成新mass实例返回。
return this.labor(filterhElement(this, expr, this.ownerDocument, false));
},
not: function(expr) {
//取得当前匹配节点的所有不匹配expr的节点,组成新mass实例返回。
return this.labor(filterhElement(this, expr, this.ownerDocument, true));
},
has: function(expr) {
//在当前的节点中,往下遍历他们的后代,收集匹配给定的CSS表达式的节点,封装成新mass实例返回
var nodes = $(expr, this.ownerDocument);
var array = $.filter(this, function(el) {
for (var i = 0, node; node = nodes[i++]; ) {
return $.contains(el, node); //a包含b
}
});
return this.labor(array);
},
closest: function(expr, context) {
// 在当前的节点中,往上遍历他们的祖先,收集最先匹配给定的CSS表达式的节点,封装成新mass实例返回
var nodes = $(expr, context || this.ownerDocument).valueOf();
//遍历原mass对象的节点
for (var i = 0, ret = [], cur; cur = this[i++]; ) {
while (cur) {
if (~nodes.indexOf(cur)) {
ret.push(cur);
break;
} else { // 否则把当前节点变为其父节点
cur = cur.parentNode;
if (!cur || !cur.ownerDocument || cur === context || cur.nodeType === 11) {
break;
}
}
}
}
//如果大于1,进行唯一化操作
ret = ret.length > 1 ? $.unique(ret) : ret;
//将节点集合重新包装成一个新jQuery对象返回
return this.labor(ret);
},
is: function(expr) {
//判定当前匹配节点是否匹配给定选择器,DOM元素,或者mass对象
var nodes = $.query(expr, this.ownerDocument),
obj = {},
uid;
for (var i = 0, node; node = nodes[i++]; ) {
uid = $.getUid(node);
obj[uid] = 1;
}
return this.valueOf().some(function(el) {
return obj[$.getUid(el)];
});
},
index: function(expr) {
var first = this[0]; //返回指定节点在其所有兄弟中的位置
if (!expr) { //如果没有参数,返回第一元素位于其兄弟的位置
return (first && first.parentNode) ? this.first().prevAll().length : -1;
}
// 返回第一个元素在新实例中的位置
if (typeof expr === "string") {
return $(expr).index(first);
}
// 返回传入元素(如果是mass实例则取其第一个元素)位于原实例的位置
return this.valueOf().indexOf(expr.mass ? expr[0] : expr);
}
});
function filterhElement(nodes, expr, doc, not) {
var ret = [];
not = !!not;
if (typeof expr === "string") {
var fit = $.query(expr, doc);
ret = $.filter(nodes, function(node) {
if (node.nodeType === 1) {
return (fit.indexOf(node) !== -1) ^ not;
}
});
} else if ($.type(expr, "Function")) {
return $.filter(nodes, function(node, i) {
return !!expr.call(node, node, i) ^ not;
});
} else if (expr.nodeType) {
return $.filter(nodes, function(node) {
return (node === expr) ^ not;
});
}
return ret;
}
var uniqOne = $.oneObject(["children", "contents", "next", "prev"]);
function travel(el, prop, expr) {
var result = [],
ri = 0;
while ((el = el[prop])) {
if (el && el.nodeType === 1) {
result[ri++] = el;
if (expr === true) {
break;
} else if (typeof expr === "string" && $.match(el, expr)) {
result.pop();
break;
}
}
}
return result;
}
;
$.each({
parent: function(el) { //取得父节点
var parent = el.parentNode;
return parent && parent.nodeType !== 11 ? parent : [];
},
parents: function(el) { //取得祖先节点
return travel(el, "parentNode").reverse();
},
parentsUntil: function(el, expr) { //往上取节点,直到某一条件不符合为止
return travel(el, "parentNode", expr).reverse();
},
next: function(el) { //取右边的兄弟节点 nextSiblingElement支持情况 chrome4+ FF3.5+ IE9+ opera9.8+ safari4+
return travel(el, "nextSibling", true);
},
nextAll: function(el) { //取右边所有的兄弟节点
return travel(el, "nextSibling");
},
nextUntil: function(el, expr) { //往右取节点,直到某一条件不符合为止
return travel(el, "nextSibling", expr);
},
prev: function(el) { //取左边的兄弟节点
return travel(el, "previousSibling", true);
},
prevAll: function(el) { //取左边所有的兄弟节点
return travel(el, "previousSibling").reverse();
},
prevUntil: function(el, expr) { //往左取节点,直到某一条件不符合为止
return travel(el, "previousSibling", expr).reverse();
},
children: function(el) {
return $.filter(el.childNodes, function(node) {
return node.nodeType === 1;
});
},
siblings: function(el) { //取所有兄弟节点
return travel(el, "previousSibling").reverse().concat(travel(el, "nextSibling"));
},
contents: function(el) { //取所有子孙
return el.tagName === "IFRAME" ? el.contentDocument || el.contentWindow.document : $.slice(el.childNodes);
}
}, function( name, method ) {
$.fn[name] = function(expr) {
var nodes = [];
for (var i = 0, el; el = this[i++]; ) { //expr只用于Until
var type = el.nodeType;
if (type === 1 || type === 11 || type === 9)
nodes = nodes.concat(method(el, expr));
}
if (/Until/.test(name)) {
expr = 0;
}
nodes = this.length > 1 && !uniqOne[name] ? $.unique(nodes) : nodes;
var neo = this.labor(nodes);
return expr ? neo.filter(expr) : neo;
};
});
return $;
});
/**
2011.7.11 dom["class"]改为dom["@class"]
2011.7.26 对init与parseHTML进行重构
2011.9.22 去掉isInDomTree 重构cloneNode,manipulate,parseHTML
2011.10.7 移除isFormElement
2011.10.9 将遍历模块合并到节点模块
2011.10.12 重构index closest
2011.10.20 修复rid的BUG
2011.10.21 添加even odd这两个切片方法 重构html方法
2011.10.23 增加rcheckEls成员,它是一个成员
2011.10.27 修正init方法中doc的指向错误
由 doc = this.ownerDocument = expr.ownerDocument || expr.nodeType == 9 && expr || document 改为
doc = this.ownerDocument = scope.ownerDocument || scope ;
2011.10.29 优化$.parseHTML 在IE6789下去掉所有为修正createAll特性而添加的补丁元素
(原来是添加一个文本节点\u200b,而现在是<br class="fix_create_all"/>)
/http://d.hatena.ne.jp/edvakf/20100205/1265338487
2011.11.5 添加get方法 init的context参数可以是类数组对象
2011.11.6 outerHTML支持对文档对象的处理,html可以取得XML数据岛的innerHTML,修正init中scope与ownerDocument的取得
2011.11.7 重构find, 支持不插入文档的节点集合查找
2012.3.1 增强对HTML5新标签的支持 fix index方法的BUG
2012.3.9 添加一些数组方法
2012.4.5 使用isArrayLike精简init方法
2012.4.29 重构$.access与$.fn.data
2012.5.4 $.access添加第六个可选参数,用于绑定作用域,因此顺带重构了html, text, outerHTML,data原型方法
2012.5.21 Remove $("body") case; $(document.body) is 2x faster.
2012.5.28 cssName支持检测mozMatchesSelector, Fix $.match BUG
2012.7.31 使用$.Array.merge代替不可靠的[].push,对cloneNode进行重构,只对元素节点进行修复
2013.1.17 修正rnest正则,防止遗漏tbody
*/