基本选择器
#id //id选择器
.class //类选择器
element //标签选择器
* //匹配所有元素
层次选择器
通过DOM元素之间的层次关系来获取特定元素,如后代元素,子元素,相邻元素和兄弟元素.
$("ancestor descendant") //后代选择器
$("parent>child") //子代选择器
$("prev+div") //兄弟选择器 选取prev元素后的下一个div元素
$("prev~sibling") //兄弟选择器 选取prev元素后的所有sibling元素
过滤选择器
过滤选择器规则与CSS中的伪类选择器语法相同
选择器都以一个冒号(:)开头
过滤规则:基本过滤.内容过滤.可见性顾虑.属性过滤.子元素过滤.表单对象属性过滤
:first //选取第一个元素 单个元素
:last //选取最后一个元素 单个元素
:not(selector) //去除所有给定选择器匹配的内容 集合元素
eg:$("input:not(.text)") 选取class不是text的<input>元素
:even //选取索引是偶数的所有元素,索引从0开始 集合元素
:odd //选取索引是奇数的所有元素,索引从0开始 集合元素
:eq(index) //选取索引等于index的元素(index从0开始) 单个元素
:gt(index) //选取索引大于index的元素(index从0开始)
eg:$("ul>li:gt(5):not(:last)") //选取索引号大于5的li标签,并且不包含最后一个li元素
:it(index) //选取索引小于index的元素(index从0开始)
:header //选取所有的标题元素,例如 h1,h2,h3等 集合元素
:animated //选取当前正在执行动画的所有元素 集合元素
eg:$("div:animated")选取正在执行动画的<div>元素
子元素过滤选择器
:nth-child(index/even/odd) //index从1开始 ,而eq(index)中的index是从0开始
:first-child 选取父元素中的第一个子元素
:last-child 选取父元素中最后一个子元素
表单对象属性过滤选择器
:enabled //选取所有可用元素 集合元素
:disabled //选取所有不可用元素
:checked //选取所有被选中的元素(单选框,复选框) 集合元素
:selected //选取所有被选中的选项元素(下拉列表) 集合元素
