jquery常用选择器

admin 29 0

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` 的第一个 `` 元素。