jQuery选择器是在jQuery库中广泛使用的工具,用于选择和操作文档中的HTML元素。它们可以根据元素的标签名称,ID,类名,属性等进行选择。根据不同的选择器规则,它们可以分为以下几类:
1. 基本选择器基本选择器通过标签名称,ID,类名等属性直接选择元素。例如:选择所有p标签,选择id为myDiv的元素,选择class为myClass的元素等。代码示例:$(p)$(#myDiv)$(.myClass)2. 层次选择器层次选择器可以通过元素之间的关系进行选择,例如:父元素、子元素、兄弟元素等。例如:选择ul下的所有li元素,选择p标签后的第一个h3标签等。代码示例:$(ul li)$(p + h3)3. 过滤选择器过滤选择器通过元素的其他属性进行选择,例如:筛选出所有隐藏的元素,选择表单元素中被选中的元素等。例如:选择所有隐藏的元素,选择所有被选中的checkbox等。代码示例:$(:hidden)$(:checked)4. 索引选择器索引选择器可以选择元素在同级元素中的位置,例如:选择父元素下的第一个子元素,选择倒数第二个元素等。例如:选择第一个子元素,选择倒数第二个元素等。代码示例:$(parent > :first-child)$(parent > :last-child)5. 属性选择器属性选择器可以根据元素的属性进行选择,例如:根据元素的href属性选择链接元素等。例如:选择所有href属性以http开头的a标签,选择带有title属性的元素等。代码示例:$(a[href^="http"])$([title])