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，也能夠像上邊同樣作轉化。