下面是 jQuery 的9大常用选择器，帮助你快速定位和操作页面元素：

jQuery 9大选择器详解

1. 基本选择器

• 元素选择器
  选取所有指定标签元素$("div") // 选中所有 <div> 元素
• ID选择器
  选取指定id的元素$("#header") // 选中id为header的元素
• 类选择器
  选取指定class的所有元素$(".menu") // 选中class为menu的元素

2. 层级选择器

• 子元素选择器（>）
  选取某元素的直接子元素$("ul > li") // 选中所有ul的直接li子元素
• 后代选择器（空格）
  选取某元素内部所有符合条件的后代元素$("div p") // 选中div内所有p元素

3. 属性选择器

• 选取带有指定属性的元素$("input[name='username']") // 选中name属性为username的input
• 支持属性值匹配$("a[href^='https']") // 选中href以https开头的a元素

4. 过滤选择器

• :first — 选中第一个匹配元素$("li:first")
• :last — 选中最后一个匹配元素$("li:last")
• :even — 选中偶数索引元素（索引从0开始）$("tr:even")
• :odd — 选中奇数索引元素$("tr:odd")

5. 表单选择器

• :input — 选中所有input、textarea、select、button元素$(":input")
• :checked — 选中所有被选中的checkbox或radio$(":checked")

选取技巧总结