-
Notifications
You must be signed in to change notification settings - Fork 0
/
milkquery.js
56 lines (53 loc) · 1.33 KB
/
milkquery.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
// QuerySelectorAll
function MyQuerySelector (el){
this.el = document.querySelectorAll(el)
}
MyQuerySelector.prototype.on = function (event, func) {
for (var i = 0; i < this.el.length; i++) {
this.el[i].addEventListener(event, func);
}
};
MyQuerySelector.prototype.val = function (str) {
for (var i = 0; i < this.el.length; i++) {
if (str === undefined) {
// 取出值
value = this.el[i].value;
return value;
} else {
// 填入值
str = String(str);
this.el[i].value = str;
}
}
};
MyQuerySelector.prototype.addClass = function (str) {
for (var i = 0; i < this.el.length; i++) {
// 取出舊的值
exist_class = this.el[i].className;
split_class = exist_class.split(" ");
if (split_class.indexOf(str) == -1) {
// 如果沒有存在,新增
split_class.push(str);
new_class = split_class.join(" ");
this.el[i].className = new_class;
}
}
};
MyQuerySelector.prototype.removeClass = function (str) {
for (var i = 0; i < this.el.length; i++) {
// 取出舊的值
exist_class = this.el[i].className;
split_class = exist_class.split(" ");
class_index = split_class.indexOf(str)
if (class_index != -1) {
split_class.splice(class_index, 1);
}
// 更新
new_class = split_class.join(" ");
this.el[i].className = new_class;
}
};
// $("")
function $ (el) {
return new MyQuerySelector(el)
}