CSS伪元素（：之前/：之后）的jQuery .click（）事件？

Posted 2023-03-06

【中文标题】CSS伪元素（：之前/：之后）的jQuery .click（）事件？

【英文标题】：jQuery .click() event for CSS pseudoelement (:before/:after)?

【发布时间】：2011-09-26 09:50:07

【问题描述】：

当我通过 CSS 伪元素 :before: 和 :after 插入的内容被点击时，我想触发一个 jQuery 动画。但是，我不确定如何执行此操作；我的第一个猜测，$(#id:before).click() 没有用。这是 jQuery 功能的一部分吗？如果是这样，我将如何选择before/after 内容？

【问题讨论】：

api.jquery.com/before /after

@Mike Soule：那不是一回事。

【参考方案1】：

jQuery 不支持 CSS :before 和 :after 选择器。 要选择兄弟姐妹，请使用.siblings()，然后从那里过滤。

http://api.jquery.com/siblings/

【讨论】：

+1 仅仅因为缺乏支持。不过，我应该说，.siblings() 不会选择伪元素，它会选择与当前范围内的元素完全不同的元素。 :before 和 :after 内容元素本身不是同级元素，它们是指定元素的子元素（但其内容的同级元素）。更多信息：w3.org/TR/CSS2/generate.html#before-after-content

糟糕，我的错误。谢谢你的澄清:)

感谢您，感谢@BoltClock 的澄清。我会给 jQuery .before/.after 方法一个镜头。