jQuery 是一個流行的 JavaScript 庫,提供了廣泛的 API。它是由 John Resig 開發的,其目的是使 JavaScript 開發人員更易于編寫 JavaScript 代碼,并在 Web 頁面中使用它們。jQuery 選擇器是其中一項非常重要的功能,它允許開發人員使用其自己定義的 CSS 選擇器規則來選擇文檔中的元素。
在 jQuery 中,每個選擇器都返回一個 jQuery 對象,可以使用多種方法來操縱它。jQuery 選擇器可以使用各種元素屬性,如 id,class,標簽名稱,選擇特定子元素,甚至可以在 HTML5 數據屬性中搜索。除此之外,還可以使用眾多的過濾器和方法,以選擇特定的元素或一組元素。
下面是一些 jQuery 選擇器的示例:
$(document).ready(function() { // 選擇 id 為 myElement 的元素 $("#myElement") // 選擇 class 為 myClass 的所有元素 $(".myClass") // 選擇所有的 div 元素 $("div") // 選擇所有 class 為 myClass 的 div 元素 $("div.myClass") // 選擇所有 button 元素的直接子元素 $("button >") // 選擇所有含有 data-id 屬性的元素 $("[data-id]") // 選擇所有包含文本 "Hello World" 的 h1 元素 $("h1:contains('Hello World')") });
總的來說,jQuery 提供了眾多的選擇器和過濾器,可以大大簡化開發人員的編碼工作。使用正確的選擇器可以讓代碼更加高效,同時降低代碼的復雜度,提高可讀性和可維護性。