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
元素。