jQuery零基础入门——（二）Selector选择器

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上，补充了我的的理解和平常遇到的点，用个人理解表述出来，主干出处来自廖雪峰老师的技术分享。

你们好，欢迎回到咱们的jQuery零基础入门，上一节课咱们对jQuery作了一个初步的认识，这一节课，咱们来说一讲jQuery的选择器。

选择器对你们来讲我想并不陌生，在《JavaScript零基础入门》的DOM基础部分，咱们就讲了js怎么去获取DOM元素，当时咱们讲了getElement(s)ByXXX或者querySelector(All)两大种方法，而querySelector和querySelectorAll属于HTML5新增的选择器，他依照CSS选择器的标准来实现。

其实咱们jQuery的选择器跟querySelector基本上类似，也是按照CSS选择器的标准来的，它经过$('')来选择，括号里边跟querySelector的写法同样，能够写class，也能够写id，也能够写tagName，具体写法我上一节课在讲优势时已经说了，你们能够回头去看看，也能够去看看我《JavaScript零基础入门》DOM部分的博文和视频。选择器的优势，无非是用更简洁的代码来操做DOM。 

须要说明的是，jQuery选择器选出来的对象，已经不是DOM对象，而是jQuery对象。

那什么是jQuery对象呢？jQuery对象有点像数组，它的每个item对是一个引用了DOM节点的对象。好比说我查找一个id为s1的span（假设存在），那么将获得[<span id="s1">...</span>]。若是目标不存在，jQuery对象不会像DOM对象那样出现null或者undefined，它会返回相似空数组的对象[]。

固然，咱们的jQuery对象和DOM对象是能够相互转化的：

var div = $('#abc');//jQuery对象
var divDom = div.get(0);//假设存在，获取第一个，获得DOM
var another = $(divDom);//从新变为jQuery对象

通常状况下，咱们直接用jQuery对象便可，由于封装了不少API方便咱们去操做。若是真的须要获取DOM，也能够像上边同样作转化。