jQuery选择器

一、分类

• 类选择器
  • 基本选择器
  • 层次选择器
  • 属性选择器
• 过滤选择器
  • 基本过滤选择器
  • 可见性过滤选择器

二、基本选择器

1. 标签选择器：element
2. 类选择器：.class
3. ID选择器：#id
4. 并集选择器：selector1,selector2,…,selectorn
5. 交集选择器：element.class或element#id（eg:$(“h2.title”)）
6. 全局选择器：*

三、层次选择器

1. 后代选择器：ancestor descendent
2. 子选择器：parent>child
3. 相邻元素选择器：prev+next
4. 同辈元素选择器：prev~siblings

四、属性选择器

1. [attribute]：$("[href]")
2. [attribute=value]：$("[name=‘user’]")
3. [attribute!=value]
4. [attribute^=value]：以特定值开始
5. [attribute$=value]：以特定值结尾
6. [attribute*=value]：包含某些值
7. [selector][selector2][selectorn]：选取满足多个条件的复合属性的元素（eg：$(“li[id][title=‘新闻要点’]”)）

五、基本过滤选择器

1. :first：第一个元素
2. :last：最后一个元素
3. :even：选取索引是偶数的所有元素
4. :odd：选取索引是奇数的所有元素
5. :eq(index)：索引等于index
6. :gt(index)：索引大于index
7. :lt(index)：索引小于index
8. :not(selector)：除给定选择器
9. :header：所有标题元素，如h1~h6
10. :focus：获取焦点

六、 可见性过滤选择器

1. :visible：所有可见元素
2. :hidden：所有隐藏元素