Jquery与css选择器

 

一、基本选择器

　　1.id 选择器

　　2.class选择器

　　3.元素选择器

　　4.并列选择器

　　5. * 选择器 （遍历所有元素）

二、层次选择器

　　1.  parent > child   直系子元素

　　2.  prev + next     下一个兄弟元素，等同于next（）

　　3.  prev ~ siblings  prev元素的所有兄弟元素，等同于nextAll()

三、过滤选择器

       基本过滤选择器

       1.  :first    :last          取第一个元素和取最后一个元素

       2.  :not()   取非元素

       3.  :even   :odd  取偶数索引和奇数索引，索引从0开始

       4.  :eq(x)   取指定索引的元素

       5.  :gt(x)   :lt(x)   取大于x索引或小于x索引的元素

       6.  :header  取h1---h6标题的元素

       内容过滤选择器

  1. :contains(text)    取包含text文本的元素
  2. :empty    取不包含子元素或文本为空的元素
  3. :has(selector)   取选择器匹配的元素
  4. :parent        取包含子元素或文本的元素

四、属性过滤选择器

       1.  [ attribute]    取拥有attribute属性的元素

       2.  [ attribute = value]   取attribute=value的元素

       3.  [selector1][selector2]  复合型属性选择器，同时满足多个条件

       4.  :first-child   :last-child   取第一个子元素   或取最后一个子元素

              注：  :first和:last返回的都是单个元素，而:first-child 和:last-child返回的都是集合元素。例如：div:first返回的是整个DOM文档中的第一个div，而:div-child 返回的是所有div下的第一个子元素合并后的集合。

　　5.   :only-child  当某个元素有且只有一个子元素时生效

五、表单对象属性过滤选择器

       1.  :checked   取选中的单选框或复选框元素

       2:  :selected   取下拉列表被选中的元素

六、表单选择器

       1:  :input       取input ,textarea,select,button元素

       2:  :text      取单行文本框元素

       3:  :radio     取单选元素

       4:  :checkbox  取复选框元素