一、基本选择器
- #id 根据给定的id匹配一个元素
- .class 根据给定的类名匹配元素
- element 根据给定的元素名匹配元素
- * 匹配一切元素
- selector1,selector2……selectorN 将每一个选择器匹配到的元素合并后一起返回
二、层次选择器
- $(“ancestor descendant”) 选取ancestor元素里的所有descendant元素(后代元素)
- $(“parent > child”) 选取parent元素下的child元素(子元素)
- $(“prev + next”) 选取紧邻prev元素后的next元素
- $(“prev ~ siblings”) 选取prev后的所有siblings元素
三、过滤选择器
1)基本过滤选择器
- :first 选取第一个元素
- :last 选取最后一个元素
- :not(selector) 去除所有与selector匹配的元素
- :even 选取索引是偶数的所有元素(从0开始)
- :odd 选取索引是奇数的所有元素
- eq(index) 选取索引值等于index的元素
- gt(index) 选取索引值大于index的元素
- lt(index) 选取索引值小于index的元素
- :header 选取所有标题元素
2)内容过滤选择器
- contains(text) 选取含有文本”text”的元素
- :empty 选取不包含子元素或者文本的空元素
- :has(selector) 选取含有选择器所匹配的元素的元素
- :parent 选取含有子元素或者文本的元素
3)可见性过滤选择器
- :hidden 选取所有不可见的元素
- :visible 选取所有可见的元素
4)属性过滤选择器
- [attribute] 选取拥有此属性的元素
- [attribute=value] 选取属性的值等于value的元素
- [attribute!=value] 选取属性的值不等于value的元素
- [attribute^=value] 选取属性的值以value开始的元素
- [attribute$=value] 选取属性的值以value结束的元素
- [attribute*=value] 选取属性的值含有value的元素
- [attribute|=value] 选取属性等于给定字符串或以该字符串为前缀(该字符串后跟”-“)的元素
- [attribute~=value] 选取属性用空格分隔的值中包含一个给定值的元素
- [attribute1][attribute2]……[attributeN] 同时满足多个属性选择器的元素
5)子元素过滤选择器
- :nth-child(index/even/odd/equation) index索引值从1开始(此处须留意)
- :first-child 选取每个父元素的第一个子元素
- last-child 选取每个父元素的最后一个子元素
- only-child 匹配唯一的子元素(不是唯一则不匹配)
尤其要注意区分后代选择器(带空格)和过滤选择器,不要忽略空格!
6)表单对象属性过滤选择器
- :enabled 选取所有可用元素
- :disabled 选取所有不可用元素
- :checked 选取所有被选中的元素
- :selected 选取所有被选中的选项元素
四、表单选择器
- :input 选取所有的input、textarea、select、button元素
- :text 选取所有的单行文本框
- :password 选取所有密码框
- :radio 选取所有单选框
- :checkbox 选取所有的多选框
- :submit 选取所有的提交按钮
- :reset 选取所有的重置按钮
- :button 选取所有的按钮
- :file 选取所有的上传域
- :image 选取所有的图像按钮