在原生JavaScript中,如果想要選取元素,只能使用getElementById()、getElementByName、getElementByTagName()等幾種有限的方法來獲取,讓人有一種力不從心、抓襟見肘的感覺。但是jQuery為我們提供了大量的選擇器,極大地方便了我們快速選擇元素來進行各種操作。
選擇器,說白了,就是一種選中頁面元素的方式。只要把元素選中,我們才能對被選中的元素進行各種操作。不同的選擇器,在於它們選取方式的不同。在CSS入門教程的“什麼叫CSS選擇器”這一節已經用最簡單的語言給大家講解了選擇器是一個什麼東西。
jQuery的選擇器完全是繼承了CSS選擇器的風格。如果大家曾認真把CSS選擇器學透的話,在接下來的學習會相當的輕松。大家在學習jQuery選擇器的時候,一定要聯系CSS選擇器進行對比記憶。
jQuery選擇器非常多,很多新人看到那麼多選擇器,還沒開始學頭都暈了。青年,別給自己那麼大的壓力。曾經我作為初學者的時候,看到那麼一堆選擇器也是頭大。後來才意識到,看過之後忘記是正常的,這些選擇器只有在真正開發實戰中才能深入理解和記憶。雖然選擇器很多,而且我們都建議大家全部掌握。不過呢,我們在第1次學習的時候只需要認真理解每一種選擇器究竟是咋樣就行了。即使記不住,也知道有那麼一回事,等到需要的時候,我們再回來翻一番。因為這些選擇器,我們是必須通過真正的開發實踐才能夠根深蒂固的。這也是我以前常跟大家所說的“書到用時方恨少”的道理一樣。
當然,為了輔助大家的理解和記憶,我盡量在教程編寫上下功夫,以便大家更好地理清思路和學習。此外大家應該沒有忘記我編寫教程的作風:沒用的知識我絕對不會啰嗦,但是對於重要知識點,我會一再重點提醒。
jQuery選擇器,我按照自己的經驗分為2大類:(1)基礎選擇器;(2)偽類選擇器。在jQuery中,基礎選擇器是最常用的一類選擇器,包括:
這一章我們先來學習jQuery基礎選擇器,在接下來的章節中,我們會一一詳細給大家介紹這3類jQuery基礎選擇器。