jQuery筛选选择器哪几种
时间: 2024-10-25 17:02:20 浏览: 7
jQuery提供了一系列强大的筛选选择器,用于从DOM中选取特定元素。常见的几种筛选选择器包括:
1. **基本选择器**:
- `#id`:选取ID为给定值的元素。
- `.class`:选取所有具有指定类名的元素。
- `tag` 或 `[type="text"]`:选取所有指定标签或属性类型的元素。
2. **关系选择器**:
- `parent > child`:选取某个元素的所有直接子元素。
- `ancestor descendant`:选取祖先元素内的后代元素。
- `+` 和 `-`:选取紧接其后的或前一个同级元素。
3. **通配符选择器**:
- `*`:匹配任何元素。
- `>`:选取当前元素的直接子代,无后续条件。
- `~`:选取紧跟在其后面的同胞元素。
4. **过滤器选择器**:
- `:eq(index)`:选取指定索引位置的元素。
- `:gt(number)`、`:lt(number)`:选取大于或小于指定数值的位置的元素。
- `:even` 和 `:odd`:选取偶数或奇数索引的元素。
- `:first`、`:last`:选取第一个或最后一个元素。
- `:visible`、`:hidden`:选取可见或隐藏的元素。
5. **伪类选择器**:
- `:hover`:鼠标悬停时的元素。
- `:active`:被用户激活(如点击)的元素。
- `:focus`:获得焦点的元素。
阅读全文