1.标签名选择器
$(“div”) 匹配文档中所有div
2.id选择器
$("#id") 获取id的元素
3.类选择器
$(".class")
4.分组选择器
$(“div,#id,.class”)
5.所有元素
$("*")
###层级选择器
1.
(
"
d
i
v
s
p
a
n
"
)
匹
配
d
i
v
下
的
所
有
的
s
p
a
n
2.
("div span") 匹配div下的所有的span 2.
("divspan")匹配div下的所有的span2.(“div>span”) 匹配div下所有span的子元素
3.
(
"
d
i
v
+
s
p
a
n
"
)
匹
配
d
i
v
后
面
紧
邻
的
s
p
a
n
兄
弟
元
素
4.
("div+span") 匹配div后面紧邻的span兄弟元素 4.
("div+span")匹配div后面紧邻的span兄弟元素4.(“div~span”) 匹配div后面所有的span兄弟元素
###层级函数
1.获取元素的所有兄弟元素
$("#two").siblings(“div”)
2.获取元素的哥哥元素
$("#two").prev(“div”)
3.获取元素的哥哥们元素
$("#two").prevALL(“div”)
4.获取元素的弟弟元素
$("#two").next(“div”)
5.获取元素的弟弟们元素
$("#two").nextALL(“div”)
6.得到上级父元素
元素.parent()
7.得到所有的子元素
元素.children()
8.获取第n个子元素
元素.children().eq(n)
9.得到查询结果的第几个
$(“div”).eq(0)
10.获取M元素中id为aa的子元素
M元素.children("#aa")
###过滤选择器
1.
(
"
d
i
v
:
f
i
r
s
t
"
)
匹
配
所
有
d
i
v
中
第
一
个
元
素
2.
("div:first") 匹配所有div中第一个元素 2.
("div:first")匹配所有div中第一个元素2.(“div:last”) 匹配所有div中最后一个元素
3.
(
"
d
i
v
:
e
v
e
n
"
)
匹
配
所
有
d
i
v
中
偶
数
d
i
v
从
0
开
始
4.
("div:even") 匹配所有div中偶数div 从0开始 4.
("div:even")匹配所有div中偶数div从0开始4.(“div:odd”) 匹配所有div中奇数div 从0开始
5.
(
"
d
i
v
:
e
q
(
n
)
"
)
匹
配
所
有
d
i
v
中
下
标
为
n
的
元
素
从
0
开
始
6.
("div:eq(n)") 匹配所有div中下标为n的元素 从0开始 6.
("div:eq(n)")匹配所有div中下标为n的元素从0开始6.(“div:lt(n)”) 匹配所有div中下标小于n的元素 从0开始
7.
(
"
d
i
v
:
g
t
(
n
)
"
)
匹
配
所
有
d
i
v
中
下
标
大
于
n
的
元
素
从
0
开
始
8.
("div:gt(n)") 匹配所有div中下标大于n的元素 从0开始 8.
("div:gt(n)")匹配所有div中下标大于n的元素从0开始8.(“div:not(.one)”) 匹配所有div中class不为one的元素
###内容选择器
1.
(
"
d
i
v
:
h
a
s
(
p
)
"
)
匹
配
所
有
包
含
p
标
签
的
d
i
v
2.
("div:has(p)") 匹配所有包含p标签的div 2.
("div:has(p)")匹配所有包含p标签的div2.(“div:empty”) 匹配所有空的div
3.
(
"
d
i
v
:
p
a
r
e
n
t
"
)
匹
配
所
有
非
空
的
d
i
v
4.
("div:parent") 匹配所有非空的div 4.
("div:parent")匹配所有非空的div4.(“div:contains(‘id’)”) 匹配所有文本内容包含id的div
###可见选择器
1.
(
"
d
i
v
:
h
i
d
d
e
n
"
)
匹
配
所
有
隐
藏
的
d
i
v
元
素
2.
("div:hidden") 匹配所有隐藏的div元素 2.
("div:hidden")匹配所有隐藏的div元素2.(“div:visible”) 匹配所有可见的div元素
###jq中显示相关的函数
让隐藏的元素显示
$(“div:hidden”).show()
让显示的元素隐藏
$(“div:visible”).hide()
切换元素的显示状态
$(“div”).toggle()
###属性选择器
1.
(
"
d
i
v
[
i
d
]
"
)
匹
配
有
i
d
属
性
的
d
i
v
元
素
2.
("div[id]") 匹配有id属性的div元素 2.
("div[id]")匹配有id属性的div元素2.(“div[id=‘d1’]”) 匹配id属性等于d1的div
3.$(“div[id!=‘d1’]”) 匹配id属性不等于d1的div
###子元素选择器
1.
(
"
d
i
v
:
n
t
h
−
c
h
i
l
d
(
n
)
"
)
n
从
1
开
始
匹
配
d
i
v
中
第
n
个
子
元
素
2.
("div:nth-child(n)") n从1开始 匹配div中第n个子元素 2.
("div:nth−child(n)")n从1开始匹配div中第n个子元素2.(“div:first-child”) 匹配div中第1个子元素
3.$(“div:last-child”) 匹配div中最后一个子元素
###表单选择器
1.
(
"
:
i
n
p
u
t
"
)
匹
配
所
有
的
i
n
p
u
t
中
文
本
框
密
码
框
单
选
复
选
下
拉
选
文
本
域
(
t
e
x
t
a
r
e
a
)
b
u
t
t
o
n
2.
(":input") 匹配所有的input中 文本框 密码框 单选 复选 下拉选 文本域(textarea) button 2.
(":input")匹配所有的input中文本框密码框单选复选下拉选文本域(textarea)button2.(":password") 匹配所有密码框
3.
(
"
:
r
a
d
i
o
"
)
匹
配
所
有
单
选
4.
(":radio") 匹配所有单选 4.
(":radio")匹配所有单选4.(":checkbox") 匹配所有复选框
5.
(
"
:
c
h
e
c
k
e
d
"
)
匹
配
所
有
被
选
中
的
单
选
/
复
选
/
下
拉
选
o
p
t
i
o
n
6.
(":checked") 匹配所有被选中的 单选/复选/下拉选 option 6.
(":checked")匹配所有被选中的单选/复选/下拉选option6.(“input:checked”) 匹配所有被选中的单选和复选
7.$(":selected") 匹配所有被选中的下拉选option