前言：

  前面學習了JQuery的簡單使用，今天進一步學習一下JQuery的選擇器。

什么是選擇器？

 JQuery選擇器通過標簽名、屬性名或者內容對DOM元素進行快速準確的選擇，而不必擔心瀏覽器的兼容性，通過JQuery選擇器對頁面元素精確定位，進而方便完成處理元素屬性和行為事件。

選擇器的優(yōu)勢

 與傳統(tǒng)的JavaScript獲取頁面元素和事務處理相比，JQuery具備以下幾個優(yōu)勢：

  • 代碼比較簡單

  • 完善的檢測機制

1、）代碼更簡單

在JQuery庫中封裝了大量可以通過選擇器直接調用的函數，使編程更加簡單輕松，使用簡單的代碼就可以使用相對復雜的功能。

2、）完善的檢測機制

傳統(tǒng)js設置頁面元素的事務的時候，先要找到頁面上的元素，然后在賦予相應的屬性或事件，如果頁面元素不存在，則頁面會報錯。所以要先判斷頁面元素是否存在。再進行屬性或者事件操作。這樣會造成代碼繁瑣。在JQuery定義頁面元素的時候，無須考慮頁面中是否存在，即使頁面中不存在該元素也不會報錯，極大的方便了代碼的執(zhí)行效率。

選擇器分類

大致分為下面四大類

  • 基本選擇器

  • 層次選擇器

  • 過濾選擇器

  • 表單選擇器

過濾選擇器又分為以下幾個小分類

  • 簡單過濾選擇器

  • 內容過濾選擇器

  • 可見性過濾選擇器

  • 屬性過濾選擇器

  • 子元素過濾選擇器

  • 表單對象屬性過濾選擇器

接下來挨個學習一下。

基礎選擇器

  • #id　      根據Id匹配一個元素             返回的單個元素

  • .class　  根據給定的類名匹配一個元素 返回的是元素集合

  • element 根據元素名匹配一個元素       返回的是元素集合

  • *　        匹配所有元素                      返回的是元素集合

  • selecttor1,selector2并集，返回兩個選擇器匹配到的元素 返回的是元素集合

延伸閱讀

學習是年輕人改變自己的最好方式-Java培訓,做最負責任的教育,學習改變命運,軟件學習,再就業(yè),大學生如何就業(yè),幫大學生找到好工作,lphotoshop培訓,電腦培訓,電腦維修培訓,移動軟件開發(fā)培訓,網站設計培訓,網站建設培訓學習是年輕人改變自己的最好方式