1、多条件选择器
$(p,div,input.abc) 选择所有p,div以及classname="abc"的input对象
$(p,div,input.abc) 选择所有p,div以及classname="abc"的input对象
2、层次选择器
- $("ol li") 选择ol对象下所有的li对象(包括子对象以及子对象的子对象)
- $("ol > li") 选择ol下直接的li对象、即子对象的子对象不会被选择
3、属性过滤器
- $("div[id]") 选择有ID属性的DIV元素
- $("div[name=test]") 选择name为test的div元素(效果可以做到与原生的getElementsByName效果)
- $("div[name!=test]") 选择name不为test的div元素
4、表单对象选择器
- $("#form1:enabled") 选择id为form1的表单内所有启用的
- $("#form1:disabled") 选择id为form1的表单内所有禁用的
- $("input:checked") 选择所有选中的元素(还可以是radio,checkbox)
- $("select:selected") 选择所有选中的元色素
5、 元素选择器
- next 获取同级节点的下一个节点 ,可使用过滤器、下同
- nextAll 获取之后的所有同级元素
- siblings 获取所有同级元素
- parent 获取父级元素
6、过滤器
- :first 选取第一个元素 $("span:first") 选择第一个span元素
- :last 选取最后一个元素 同first
- :not 选择不满足选择器条件的元素 $("input:not(.css)") 选择class属性不是css的input元素
- :even
- :odd
- 选取索引是奇数、偶数的元素
- $("input:even") 选择索引是奇数的input元素
- :eq 、 :gt 、 :lt
- 选取索引等于(eq)大于(gt)小于(lt)的元素
- $("input:gt(2)") 选择索引大于2的input元素