基本选择器
jQuery基本选择器与CSS基本选择器相同，它继承了CSS选择器的语法和功能，主要由元素标签名、class、id和多个选择器组成，通过基本选择器可以实现大多数页面元素的查找。
| 名称 | 语法构造 | 返回值 | 示例 |
|---|---|---|---|
| 标签选择器 | element | 元素集合 | $("h2")选取所有h2元素 |
| 类选择器 | .class | 元素集合 | $(".title")选取所有class为title的元素 |
| ID选择器 | #id | 单个元素 | $("title")选取id为title的元素 |
| 并集选择器 | selector1,..selectorN | 元素集合 | $("div,p,title")选取所有div、p和拥有class为title的元素 |
| 交集选择器 | element.class或element#id | d单个元素或元素集合 | $("h2.title")选取所有拥有class为title的h2元素 |
| 全局选择器 | * | 集合元素 | $("*")选取所有元素 |
层次选择器
jQuery中的层次选择器与CSS中的层次选择器相同，他们根据获取其元素与其父元素、子元素、兄弟元素等的关系而构成的选择器。jQuery中有4种层次选择器，他们分别是后代选择器、子选择器、相邻元素选择器和同辈元素选择器。
| 名称 | 语法构造 | 返回值 | 示例 |
|---|---|---|---|
| 后代选择器 | ancestor descendant | 元素集合 | $("#menu span")选取#menu下的所有的span元素 |
| 子选择器 | parent>child | 元素集合 | $("#menu>span")选取#menu下的子元素 |
| 相邻元素选择器 | prev+next | 元素集合 | $("h2+dl")选取紧邻h2元素之后的同辈元素dl |
| 同辈元素 | prev~sibing | 元素集合 | $("h2~dl")选取h2元素之后所有同辈元素dl |
可见性过滤选择器
| 名称 | 返回值 | 示例 |
|---|---|---|
| ：visible | 集合元素 | $(":visible")选取所有可见的元素 |
| :hidden | 集合元素 | $(":hidden")选取所有隐藏的元素 |
注意：show（）和hide（）都是jQuery中的方法，show（）方法的功能是将显示的元素隐藏起来。
说到了选择器，我们就应该知道什么是选择器，每一条css样式声明其实都是由两部分组成，形式如下：
选择器{
样式;
}
在{}之前的部分就是选择器，选择器指明了{}中的样式的作用对象，也就是样式作用于网页中的哪些元素
网友评论