1.常规选择器（简单选择器）

在jQuery中，选择器语法与css基本一致，所以，只要学会了css选择器语法，就会了jQuery选择器语法。
css选择器语法

/*id选择器*/
#box {}
/*class选择器*/
.class {}
/*标签选择器*/
p {}

jQuery选择器语法

$('#box') // id选择器
$('.class') // 类选择器
$('p') // 标签选择器

DOM（Document Object Model 文档对象模型[标签]）元素经jQuery选择器之后返回一个带有所选DOM元素的jQuery对象，这时我们就可以在这个DOM元素上进行行为操作。

按照规范，ID不能在页面内出现两次，所以，当我们使用jQuery的ID选择器时，它所返回的元素只有一个。并且这个ID元素是在页面内第一次出现的元素。当使用class选择器或标签选择器时，返回多个元素。

2.进阶选择器

除了简单的id，class，标签选择器外，jQuery还支持css中的比如群组选择器、后代选择器、通配符选择器等。
css选择器：

/*css中的群组选择器*/
/*同时选中span,p和类title-top元素*/
span, p, .title-top {}
/*css中的后代选择器*/
/*选中div的下级所有p元素*/
div p {}
/*css中的子选择器*/
/*选中p元素下的span直接子元素*/
p > span {}
/*通配符选择器*/
/*选中页面内的所有元素*/
*{}

jQuery选择器

// jQuery中的群组选择器
$('span, p, .title-top')
// jQuery中的后代选择器
$('div p')
// jQuery中的子选择器
$('p > span')
// jQuery中的通配符选择器
$('*')