jQuery中的选择器

基本选择器

#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的元素
: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")选取正在执行动画的
元素

子元素过滤选择器
:nth-child(index/even/odd) //index从1开始 ,而eq(index)中的index是从0开始
:first-child 选取父元素中的第一个子元素
:last-child 选取父元素中最后一个子元素

表单对象属性过滤选择器
:enabled //选取所有可用元素 集合元素 
:disabled //选取所有不可用元素
:checked //选取所有被选中的元素(单选框,复选框)  集合元素
:selected //选取所有被选中的选项元素(下拉列表)  集合元素