docelowa: before i: after pseudo-elementów z jQuery

Question

Powiel możliwe:
Manipulating CSS pseudo-elements using JQuery

Na pageload chcę: before i: after elementów na klasy pojawiać. Ustawiłem .lifted: before i .lifted: after, aby były nieprzezroczyste: 0 w css. W przygotowanym dokumencie mam:

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

To nie działa. Manipulator jQuery .after jest przeznaczony tylko do wstawiania treści, o ile wiem.

Czy istnieje sposób, w jaki mogę manipulować css tych pseudoelementów za pomocą jQuery?

Answer 1

Zdecydowano się na rozwiązanie polegające na dodaniu klasy do obciążenia elementu, a następnie manipulowaniu nią w 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 */