使用 jQuery 切换伪元素

Question

我正在尝试使用 jQuery 切换 :after 伪元素的显示（即显示/隐藏它）。我成功切换了 div 的显示，但现在想使用 :after 进行此操作。

:after 用于在框上创建箭头。

我的尝试可以在这里看到：http://jsfiddle.net/beechboy707/7um9knxt/1/

这是其中的一段摘录，显示了应该与 CSS 选择器相关的 jQuery：

$("#supportus-button-1").click(function () {
$(".supportus-button:after").toggle();
});

Answer 1

我认为这里最简单的方法是使用 CSS 类来限制 :after 规则的应用范围：

.supportus-button:not(.clicked):after { ... }

这是一个更新的小提琴：http://jsfiddle.net/jjcwqjLw/

所有current browsers都支持:not CSS功能：支持is the same:after伪元素。