jQuery选择器

基本选择器

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样式声明其实都是由两部分组成，形式如下：

选择器{

样式;

}

在{}之前的部分就是选择器，选择器指明了{}中的样式的作用对象，也就是样式作用于网页中的哪些元素