jquery - 目标:before and :after pseudo-elements with jQuery

Question

这个问题已经有答案了:

已关闭 12 年前。

Possible Duplicate:
Manipulating CSS pseudo-elements using JQuery

在页面加载时，我希望出现类上的 :before 和 :after 元素。我已在 CSS 中将 .lifted:before 和 .lifted:after 设置为 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 */