jQuery所支持的基本CSS选择器

最新推荐文章于 2024-09-05 16:56:18 发布

原创最新推荐文章于 2024-09-05 16:56:18 发布 · 561 阅读

CC 4.0 BY-SA版权

文章标签：

20 篇文章

订阅专栏

本文深入探讨了jQuery支持的基本CSS选择器，包括匹配任何元素、指定元素、后代元素、直接子元素、邻近兄弟元素、任何兄弟元素、含有特定后代元素、类选择器、ID选择器、属性选择器等多种选择器的用法。

jQuery所支持的基本CSS选择器
*	匹配任何元素
E	匹配标签名称为E的所有元素
E F	匹配标签名称为F、作为E的后代节点的所有元素
E>F	匹配标签名称为F、作为E的直接子节点的所有元素
E+F	匹配前面是邻近兄弟节点E的所有元素F(E和F紧挨着)
E~F	匹配前面是任何兄弟节点E的所有元素F(E和F可以不紧挨着)
E:has(F)	匹配标签名称为E、至少有一个标签名称为F的后代节点的所有元素
E.C	匹配带有类名C的所有元素E。.C等效于*.C
E#I	匹配id特性值为I的元素E。#I等效于*#I
E[A]	匹配带有特性A的所有元素E(不管特性A的值是什么)
E[A=V]	匹配所有元素E,其特性A的值正好是V
E[A^=V]	匹配所有元素E,其特性A的值以V开头
E[A$=V]	匹配所有元素E,其特性A的值以V结尾
E[A*=V]	匹配所有元素E,其特性A的值包含V