jquery - 使用jQuery伪目标:before和:after

这个问题已经在这里有了答案:




9年前关闭。






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

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

这行不通。据我所知，.after jQuery机械手仅用于插入内容。

有什么办法可以使用jQuery操作这些伪元素的CSS？

最佳答案

决定采用在加载时将一个类添加到元素然后在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 */