1.4 jQuery庫的選擇器

我們來看一段jQuery代碼：

        $("#div1");
        $("div");
        $(".div1");

同樣是用$()，括號里面可能有#、點，也可能只有HTML元素的名稱，這類選擇我們統稱為jQuery選擇器。

在jQuery中，選擇器按照選擇的元素類別可以分為如下4種：

● 基本選擇器 基于元素的id、CSS樣式類、元素名稱等使用基于CSS的選擇器機制查找頁面元素。

● 層次選擇器 通過DOM元素間的層次關系獲取頁面元素。

● 過濾選擇器：根據某類過濾規則進行元素的匹配。過濾選擇器又可以細分為簡單過濾選擇器、內容過濾選擇器、可見性過濾選擇器、屬性過濾選擇器、子元素過濾選擇器和表單對象屬性過濾選擇器。

● 表單選擇器：可以在頁面上快速定位某類表單對象。

選擇器的使用比較簡單，我們用表1-1展示所有選擇器，并給出示例和說明。

表1-1 jQuery庫的選擇器