html css选择归整

为了方便本人的回顾，在这里整理之前的知识点

选择器 :first
标准写法为$("p:first")，选中body中第一个p元素不过也可以写为$(":first")，这样会选中body中第一个元素

选择器 :last
标准写法为$("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$=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]
标准写法为$("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")，选中所有选中的复选框选项

我大概就记忆下了这些，不全是一定的，以后我会尽可能完善的