我正在尝试使用 jQuery 切换 :after
伪元素的显示(即显示/隐藏它)。我成功地切换了一个 div 的显示,但现在想用 :after
来做这个。
:after
用于在框上创建箭头。
我的尝试可以在这里看到:http://jsfiddle.net/beechboy707/7um9knxt/1/
这是它的摘录,显示了应该与 CSS 选择器相关的 jQuery:
$("#supportus-button-1").click(function () {
$(".supportus-button:after").toggle();
});
最佳答案
我认为这里最简单的方法是使用 CSS 类来限制应用 :after
规则的范围:
.supportus-button:not(.clicked):after { ... }
这是一个更新的 fiddle :http://jsfiddle.net/jjcwqjLw/
全部current browsers支持:not
CSS特性:支持is the same至于 :after
伪元素。
关于javascript - 使用 jQuery 切换伪元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25470641/