常用的 jQuery 選擇器有以下幾種:
元素選擇器(Element Selector):使用元素的名稱作為選擇器,例如$("p")
選擇所有 <p>
元素。
ID 選擇器(ID Selector):使用元素的 ID 屬性值作為選擇器,例如$("#myId")
選擇帶有 ID 為 “myId” 的元素。
類選擇器(Class Selector):使用元素的類名作為選擇器,例如$(".myClass")
選擇帶有類名為 “myClass” 的元素。
屬性選擇器(Attribute Selector):使用元素的屬性值作為選擇器,例如$("[name='myName']")
選擇帶有 name 屬性值為 “myName” 的元素。
后代選擇器(Descendant Selector):選擇指定元素的后代元素,例如$("parentElement descendantElement")
選擇 parentElement 元素內的 descendantElement 元素。
子元素選擇器(Child Selector):選擇指定元素的子元素,例如$("parentElement > childElement")
選擇 parentElement 元素的直接子元素 childElement。
兄弟選擇器(Sibling Selector):選擇與指定元素具有相同父元素的所有兄弟元素,例如$("targetElement ~ siblingElement")
選擇 targetElement 元素之后的所有 siblingElement 元素。
過濾器選擇器(Filter Selector):使用特定的過濾器選擇元素,例如:first
選擇第一個匹配的元素,:last
選擇最后一個匹配的元素,:even
選擇偶數位置的元素,:odd
選擇奇數位置的元素等。
這些是常用的 jQuery 選擇器,根據具體需求可以選擇合適的選擇器來選取元素。