为了方便本人的回顾,在这里整理之前的知识点
选择器 :first
标准写法为
(
"
p
:
f
i
r
s
t
"
)
,
选
中
b
o
d
y
中
第
一
个
p
元
素
不
过
也
可
以
写
为
("p:first"),选中body中第一个p元素 不过也可以写为
("p:first"),选中body中第一个p元素不过也可以写为(":first"),这样会选中body中第一个元素
选择器 :last
标准写法为
(
"
p
:
l
a
s
t
"
)
,
选
中
b
o
d
y
中
最
后
一
个
p
元
素
不
过
也
可
以
写
为
("p:last"),选中body中最后一个p元素 不过也可以写为
("p:last"),选中body中最后一个p元素不过也可以写为(":last"),这样会选中body中最后一个元素
选择器 :even
标准写法为$(“p:even”),选中下标为偶数的所有p元素,也就是奇数行的元素
选择器 :odd
标准写法为$(“p:odd”),选中下标为奇数的所有p元素,也就是偶数行的元素
选择器 :first-child
标准写法为$(“p:first-child”),从p元素的父级元素开始计数,选中子级元素中位于第一位的p元素,需要满足两个条件:位于第一位;是p元素,否则选中不到任何元素
选择器 :first-of-type
标准写法为$(“p:first-of-type”),从p元素的父级元素开始计数,选中子级元素中的p元素中的第一个p元素
选择器 :last-child
标准写法为$(“p:last-child”),从p元素的父级元素开始计数,选中子级元素中位于最后一位的p元素,需要满足两个条件:位于最后一位;是p元素,否则选中不到任何元素
选择器 :last-of-type
标准写法为$(“p:last-of-type”),从p元素的父级元素开始计数,选中子级元素中的p元素中的最后一个p元素
选择器 :nth-child(n)
标准写法为$(“p:nth-child(n)”),从p元素的父级元素开始计数,选中子级元素中位于第n位的p元素,需要满足两个条件:位于第n位;是p元素,否则选中不到任何元素
n为想要的元素的排序序号
选择器 :nth-last-child(n)
标准写法为$(“p:nth-last-child(n)”),从p元素的父级元素开始计数,选中子级元素中位于倒数第n位的p元素,需要满足两个条件:位于倒数第n位;是p元素,否则选中不到任何元素
n为想要的元素的排序序号
选择器 :nth-of-type(n)
标准写法为$(“p:nth-of-type(n)”),从p元素的父级元素开始计数,选中子级元素中的p元素中的第n个p元素
n为想要的元素的排序序号
选择器 :nth-last-of-type(n)
标准写法为$(“p:nth-last-of-type(n)”),从p元素的父级元素开始计数,选中子级元素中的p元素中的倒数第n个p元素
n为想要的元素的排序序号
选择器 parent > child
标准写法为$(“div > p”),选中div元素的子元素中的所有p元素
div元素作为父级元素,其中包含p元素
选择器 parent descendant
标准写法为$(“div p”),选中div元素中的所有p元素
div元素作为父级元素,其中包含p元素,div与p可能是父子级,也可能不是
p元素作为div元素的后代存在
选择器 element + next
标准写法为$(“div + p”),选中每个div元素相邻的下一个p元素,仅选择一个
div元素与p元素作为兄弟级存在
选择器 element ~ siblings
标准写法为$(“div ~ p”),选中div元素同级的所有p元素
div元素与p元素作为兄弟级存在
选择器 :eq(index)
标准写法为$(“ul li:eq(n)”),选中ul列表中下标为n的li元素,也就是ul列表中的第n+1个li元素
选择器 :gt(index)
标准写法为$(“ul li:gt(n)”),选中ul列表中下标大于n的li元素,也就是ul列表中的第n+1个到最后一个li元素全选
选择器 :lt(no)
标准写法为$(“ul li:lt(n)”),选中ul列表中下标小于n的li元素,也就是ul列表中的第1个到第n个li元素全选
选择器 :focus
标准写法为$(":focus"),当前具有焦点的元素,即当前鼠标所在位置的元素被选中
选择器 :contains(text)
标准写法为$(":contains(‘Hello’)"),在所有元素中选中所有包含文本 “Hello” 的元素
选择器 :has(selector)
标准写法为$(“div:has§”),选中div作为父级元素同时拥有子级元素p的所有div元素
选择器 :empty
标准写法为$(":empty"),选中所有未写入内容的的元素
选择器 :parent
标准写法为$(":parent"),选中所有父级元素
选择器 [attribute]
标准写法为$("[name]"),选中所有带有name属性的元素
选择器 [attribute=value]
标准写法为$("[name='abc]"),所有带有name属性且值等于 “abc” 的元素
可写入特殊符号
选择器 [attribute!=value]
标准写法为$("[name!=‘abc’]"),选中所有带有name属性且值不等于 “abc” 的元素
可写入特殊符号
选择器 [attribute
=
v
a
l
u
e
]
标
准
写
法
为
=value] 标准写法为
=value]标准写法为("[name$='c]"),选中所有带有name属性且值以 “c” 结尾的元素
可写入特殊符号
选择器 [attribute|=value]
标准写法为$("[name|=‘ab’]"),选中所有带有name属性且值等于 “ab” 或者以 “ab” 后跟连接符作为开头的字符串
可写入特殊符号
选择器 [attribute^=value]
标准写法为$("[name^=‘a’]"),选中所有带有name属性且值以 “a” 开头的元素
可写入特殊符号
选择器 [attribute~=value]
标准写法为$("[name~=‘a’]"),所有带有name属性且值包含字符 “a” 的元素
可写入特殊符号
选择器 [attribute*=value]
标准写法为$("[name*=‘hello’]"),所有带有name属性且值包含字符串 “hello” 的元素
可写入特殊符号
选择器 [name=value][name2=value2]
标准写法为
(
"
i
n
p
u
t
[
i
d
]
[
n
a
m
e
( "input[id][name
("input[id][name=‘a’]" ),带有 id 属性,并且 name 属性以 “a” 结尾的输入框
可写入特殊符号
选择器 :input
标准写法为$(":input"),选中所有 input 元素
selected下拉框元素也属于input元素,所以selected也会被选中
选择器 :text
标准写法为$(":text"),选中所有带有 type=“text” 的 input 元素
***input的其他类型:password,radio,checkbox,submit,reset,button,image,file用法同选择器 :text,就不一一写出了
选择器 :enabled
标准写法为$(":enabled"),选中所有启用的元素
选择器 :disabled
标准写法为$(":disabled"),选中所有禁用的元素
选择器 :selected
标准写法为$(":selected"),选中所有选定的下拉列表元素
选择器 :checked
标准写法为$(":checked"),选中所有选中的复选框选项
我大概就记忆下了这些,不全是一定的,以后我会尽可能完善的