jquery - 使用 jQuery 定位 :before 和 :after 伪元素

Question

可能重复：
使用 JQuery 操作 CSS 伪元素

在页面加载时，我希望类上的 :before 和 :after 元素出现。我已将 .lifted:before 和 .lifted:after 设置为 css 中的 opacity:0 。在准备好的文件中，我有：

$(".lifted:before").css("opacity", "1");
$(".lifted:after").css("opacity", "1");

这行不通。据我所知，.after jQuery 操纵器仅用于插入内容。

有什么方法可以使用 jQuery 操作这些伪元素的 css 吗？

Answer 1

决定采用在加载时向元素添加类然后在 css 中对其进行操作的解决方案。

$(".lifted").addClass("on");

CSS

.lifted.on:before,
.lifted.on:after {
               opacity: 1;
    -webkit-transition: opacity 1200ms cubic-bezier(0.25, 0.1, 0.25, 1); 
         -o-transition: opacity 1200ms cubic-bezier(0.25, 0.1, 0.25, 1); 
            transition: opacity 1200ms cubic-bezier(0.25, 0.1, 0.25, 1);
       -moz-transition: none /* Removed until FF4 hang bug is fixed */