使用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/

所有当前浏览器都支持:not CSS功能：支持与:after伪元素:after 相同 。