目标：使用jQuery之前和之后的伪元素

Question

  

可能重复：
  Manipulating CSS pseudo-elements using JQuery

在页面加载中，我想要出现类的：before和：after元素。我设置了.lifted：before和.lifted：after之后是不透明度：在css中为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 */