jQuery選擇器的基本語法有以下幾種:
元素選擇器:通過元素標簽名選取元素,使用$("element")
的形式,例如$("div")
選取所有的div
元素。
ID選擇器:通過元素的ID屬性選取元素,使用$("#id")
的形式,例如$("#myElement")
選取ID為myElement
的元素。
類選擇器:通過元素的class屬性選取元素,使用$(".class")
的形式,例如$(".myClass")
選取class為myClass
的元素。
屬性選擇器:通過元素的屬性選取元素,使用$("[attribute]")
的形式,例如$("[type]")
選取帶有type
屬性的元素。
后代選擇器:通過元素的后代元素選取元素,使用$("parent descendant")
的形式,例如$("div p")
選取所有div
元素下的p
元素。
子元素選擇器:通過元素的直接子元素選取元素,使用$("parent > child")
的形式,例如$("ul > li")
選取所有ul
元素的直接子元素li
。
兄弟元素選擇器:通過元素的兄弟元素選取元素,使用$("prev + next")
的形式,例如$("h2 + p")
選取緊接在h2
元素后面的p
元素。
過濾選擇器:通過特定的條件過濾元素,使用$("selector:filter")
的形式,例如$("li:first-child")
選取第一個li
元素。