jquery有哪些选择器?
时间: 2023-11-10 17:32:41 浏览: 86
jquery基础+选择器.pdf
jQuery选择器可以分为基本选择器、层次选择器、过滤选择器、内容选择器和属性选择器。具体如下:
1. 基本选择器
- `*`:匹配所有元素。
- `element`:根据元素名称匹配元素。
- `.class`:根据class名称匹配元素。
- `#id`:根据ID名称匹配元素。
- `selector1,selector2,selectorN`:匹配任意一个选择器。
2. 层次选择器
- `ancestor descendant`:匹配所有符合条件的后代元素。
- `parent > child`:匹配所有符合条件的直接子元素。
- `prev + next`:匹配紧接在prev元素后面的next元素。
- `prev ~ siblings`:匹配prev元素之后的所有siblings元素。
3. 过滤选择器
- `:first`:匹配第一个元素。
- `:last`:匹配最后一个元素。
- `:even`:匹配偶数位置的元素。
- `:odd`:匹配奇数位置的元素。
- `:eq(index)`:匹配指定位置的元素。
- `:gt(index)`:匹配大于指定位置的元素。
- `:lt(index)`:匹配小于指定位置的元素。
- `:not(selector)`:匹配不符合选择器条件的所有元素。
4. 内容选择器
- `:contains(text)`:匹配包含指定文本的元素。
- `:empty`:匹配不包含任何子元素或文本的空元素。
- `:has(selector)`:匹配拥有符合条件的后代元素的元素。
- `:parent`:匹配至少包含一个子元素或文本的元素。
5. 属性选择器
- `[attribute]`:匹配具有指定属性的元素。
- `[attribute=value]`:匹配属性值完全等于指定值的元素。
- `[attribute^=value]`:匹配属性值以指定值开头的元素。
- `[attribute$=value]`:匹配属性值以指定值结尾的元素。
- `[attribute*=value]`:匹配属性值包含指定值的元素。
- `[attribute|value]`:匹配属性值等于指定值或以指定值开头并且后面跟一个连字符的元素。
阅读全文