title: Target :before and :after pseudo-elements with jQuery
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/5041494/manipulating-css-pseudo-elements-using-jquery">Manipulating CSS pseudo-elements using JQuery</a>  </p>
  </blockquote>
  
  
  
  <p>On pageload I want the :before and :after elements on a class to appear. I've set the .lifted:before and .lifted:after to be opacity:0 in the css. Within document ready I have:</p>
  
  <pre><code>$(".lifted:before").css("opacity", "1");
  $(".lifted:after").css("opacity", "1");
  </code></pre>
  
  <p>This doesn't work. And the .after jQuery manipulator is only made for inserting content as far as I can tell.</p>
  
  <p>Is there any way I can manipulate the css of these pseudo-elements using jQuery?</p>