**类似JQuery写法:**
1、 id 选择器:(注意:不用写 ‘#’ 和 “.” 号)
function
(
i
d
)
r
e
t
u
r
n
d
o
c
u
m
e
n
t
.
g
e
t
E
l
e
m
e
n
t
B
y
I
d
(
i
d
)
使
用
(id) { return document.getElementById(id) } 使用
(id)returndocument.getElementById(id)使用(“id”).onclick…(注意:不用写 ‘#’ 和 “.” 号)
class 类选择器:(注意:不用写 ‘#’ 和 “.” 号)
function
(
c
l
a
s
s
)
r
e
t
u
r
n
d
o
c
u
m
e
n
t
.
g
e
t
E
l
e
m
e
n
t
s
B
y
C
l
a
s
s
N
a
m
e
(
c
l
a
s
s
)
使
用
(class) { return document.getElementsByClassName(class) } 使用
(class)returndocument.getElementsByClassName(class)使用(“class”).onclick…(注意:不用写 ‘#’ 和 “.” 号)
2、原生JS — 实现JQuery写法:(注意:一定要用写 ‘#’ 和 “.” 号)
function $(str) {
if(str.charAt(0) == “#”) {//
return document.getElementById(str.substring(1));
//ID选择器
} else if(str.charAt(0) == “.”) {
return document.getElementsByClassName(str.substring(1));
// class 类选择器
} else {
//标签选择器
return document.getElementsByTagName(str);
}
}
使用方式和Jquery一样: