三、jQuery选择器
1、基础选择器
获取指定ID的元素:KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id"); 匹配所有元素:(“*”);
获取同一类class的元素:
(
"
.
c
l
a
s
s
"
)
;
获取同一类标签的所有元素:
(".class"); 获取同一类标签的所有元素:
(".class");获取同一类标签的所有元素:(“div”);
选取多个元素:
(
"
d
i
c
,
p
,
i
"
)
;
交集元素:
("dic, p, i"); 交集元素:
("dic,p,i");交集元素:(“li.current”);
2、层级选择器
使用>号,获取亲儿子层级的元素,注意:并不会获取孙子层级的元素: ( " u l > l i " ) ; 使用空格,代表后代选择器,获取 u l 下的所有元素,包括孙子等: ("ul>li"); 使用空格,代表后代选择器,获取ul下的所有元素,包括孙子等: ("ul>li");使用空格,代表后代选择器,获取ul下的所有元素,包括孙子等:(“ul li”);
3、筛选选择器
获取第一个li元素:
(
"
l
i
:
f
i
r
s
t
"
)
获取最后一个
l
i
元素:
("li:first") 获取最后一个li元素:
("li:first")获取最后一个li元素:(“li:last”)
获取到的li元素中,选择索引号为2的元素,索引号index从0开始:
(
"
l
i
:
e
q
(
2
)
"
)
获取到的
l
i
元素中,选择索引号为奇数的元素:
("li:eq(2)") 获取到的li元素中,选择索引号为奇数的元素:
("li:eq(2)")获取到的li元素中,选择索引号为奇数的元素:(“li:odd”)
获取到的li元素中,选择索引号为偶数的元素:$(“li:even”)
4、筛选方法
四、jQuery样式操作
1、操作css方法
参数只写属性名,则是返回属性值:
(
t
h
i
s
)
.
c
s
s
(
′
c
o
l
o
r
′
)
;
参数是属性名,属性值,逗号分隔,是设置一组样式
:
(this).css('color'); 参数是属性名,属性值,逗号分隔,是设置一组样式:
(this).css(′color′);参数是属性名,属性值,逗号分隔,是设置一组样式:(this).css(“color” , “red”);
参数可以是对象形式,方便设置多组样式:$(this).css(i “color”:“white” “font-size”:."20px"l);
2、设置类样式方法
作用等同于以前的classList,可以操作类样式,注意操作类里面的参数不要加点
添加类:
(
"
d
i
v
"
)
.
a
d
d
C
l
a
s
s
(
"
c
u
r
r
e
n
t
"
)
;
删除类
:
("div").addClass("current"); 删除类:
("div").addClass("current");删除类:(“div”).removeClass(“current”);
切换类:$(“div”).toggleClass(“current”);