jQuery 是一款非常方便實用的 JavaScript 庫,其中選擇器是非常重要的一部分。選擇器可以根據特定的條件從 HTML 文檔中選取想要操作的元素,jQuery 中選擇器包括基本選擇器、層次選擇器、過濾選擇器、屬性選擇器等等。本文就來介紹一下 jQuery 選擇器的多遠。
// 基本選擇器 $("element") // 根據元素名稱選擇元素 $("#id") // 根據 ID 選擇元素 $(".class") // 根據 class 選擇元素 $("*") // 選擇所有元素 // 層次選擇器 $("parent child") // 根據父元素選擇子元素 $("prev + next") // 選擇緊接在前一個元素后的下一個元素 $("prev ~ siblings") // 選擇前面的元素后所有同級元素 // 過濾選擇器 $("selector:first") // 選擇第一個匹配的元素 $("selector:last") // 選擇最后一個匹配的元素 $("selector:even") // 選擇偶數位置的元素 $("selector:odd") // 選擇奇數位置的元素 $("selector:eq(index)") // 選擇指定位置的元素 $("selector:not(filter)") // 從匹配元素集合中去掉不符合條件的元素 // 屬性選擇器 $("selector[attr]") // 選擇有指定屬性的元素 $("selector[attr=value]") // 選擇指定屬性值的元素 $("selector[attr!=value]") // 選擇不包含指定屬性值的元素 $("selector[attr$=value]") // 選擇以指定值結尾的屬性值的元素 $("selector[attr^=value]") // 選擇以指定值開頭的屬性值的元素 $("selector[attr*=value]") // 選擇包含指定值的屬性值的元素
以上便是 jQuery 選擇器的基本用法,可以根據實際需要選擇使用不同類型的選擇器,提高操作效率。