jQuery 選擇器允許您對 HTML 元素組或單個元素進行操作，jQuery 選擇器基於元素的 id、類、型別、屬性、屬性值等”查詢”（或選擇）HTML 元素。 它基於已經存在的 CSS 選擇器，除此之外，它還有一些自定義的選擇器。jQuery 中所有選擇器都以美元符號開頭：$()。

1、元素選擇器

jQuery 元素選擇器基於元素名選取元素，這個選擇返回針對的是相同元素名的標籤，所有相同元素名的標籤都會被選中，$("p") 。

2、 .class 選擇器

jQuery 類選擇器可以通過指定的 class 查詢元素，這種方式選擇針對的是所有類名相同的元素，$(".test") 。如果是$("p.test")

3、#id 選擇器

jQuery #id 選擇器通過 HTML 元素的 id 屬性選取指定的元素，頁面中元素的 id 應該是唯一的，所以您要在頁面中選取唯一的元素需要通過 #id 選擇器，$("#test")。

下面舉個例子：

.html 檔案

        <p id="1" class="test"></p>
        <p id="1" class="test"></p>
        <p id="1" class="test1">
 
</p>

        <h2 id="1" class="test"></h2>

        <script>      
            // 下面三種方法都可以呼叫js函式，2、3 方法是 jQuery 方法呼叫方式
            // 1. jqueryTest();
            // 2. $(document).ready(jqueryTest);
            $(jqueryTest);  

        </script>

.js 檔案

function jqueryTest
 
() { 
    // #id 選擇器
     $("#1").html("哈哈");

    // .class 選擇器
    // $(".test").html("哈哈");

    // 元素選擇器
    //$("p").html("哈哈");
}

當採用 #id選擇器 時，只有第一段落有文字，說明該方法使用要求元素的 id 必須要有唯一性，不然可能達不到你想要的結果！
當採用 .class選擇器 時，1、2 段落和 h2 都有文字，說明不同的元素，只要類相同就會被選中。
當採用 元素選擇器 選擇器時，所有的 p 標籤都會有文字，但是 h2 沒有文字，說明只要元素名相同就會被選中，其他的元素名不會被選中。

這裡只是介紹了三種常見的jQuery選擇器，檢視更多的選擇器，前端實際開發當中根據需要選擇不同的方法。