jQuery 提供了多种选择器,用于选择 HTML 元素,以下是一些常用的 jQuery 选择器:
1. **基本选择器**:
* `*`:选择所有元素。
* `#id`:根据 ID 选择元素。
* `.class`:根据类名选择元素。
* `element`:根据元素名选择元素。
2. **层次选择器**:
* `ancestor descendant`:选择给定祖先元素的所有后代元素。
* `parent > child`:选择给定父元素的所有直接子元素。
* `prev + next`:选择紧接在给定元素之后的元素。
* `prev ~ siblings`:选择给定元素之后的所有同级元素。
3. **过滤选择器**:
* `:first`:选择第一个元素。
* `:last`:选择最后一个元素。
* `:even`:选择所有索引为偶数的元素(从 0 开始)。
* `:odd`:选择所有索引为奇数的元素(从 0 开始)。
* `:not(selector)`:排除某些元素。
* `:header`:选择所有标题元素(如 h1, h2, h3 等)。
* `:animated`:选择当前正在执行动画的所有元素。
4. **属性选择器**:
* `[attribute]`:选择带有给定属性的元素。
* `[attribute=value]`:选择带有给定属性和值的元素。
* `[attribute!=value]`:选择属性不等于指定值的元素。
* `[attribute$=value]`:选择属性值以特定字符串结尾的元素。
* `[attribute^=value]`:选择属性值以特定字符串开头的元素。
* `[attribute*=value]`:选择属性值包含特定字符串的元素。
5. **表单选择器**:
* `:input`:选择所有 ``、``、`` 和 `` 元素。
* `:text`:选择所有文本字段。
* `:password`:选择所有密码字段。
* `:radio`:选择所有单选按钮。
* `:checkbox`:选择所有复选框。
* `:submit`:选择所有提交按钮。
* `:reset`:选择所有重置按钮。
* `:button`:选择所有按钮。
* `:image`:选择所有图像按钮。
* `:file`:选择所有文件上传按钮。
* `:enabled`:选择所有启用的元素。
* `:disabled`:选择所有禁用的元素。
* `:selected`:选择所有被选中的 `` 元素。
* `:checked`:选择所有被选中的复选框和单选按钮。
这些选择器可以单独使用,也可以组合使用,以创建更复杂的选择条件,你可以使用 `$('div.myClass:first')` 来选择类名为 `myClass` 的第一个 `` 元素。