लक्ष्य: पहले और: jQuery

Question

संभव डुप्लिकेट के साथ छद्म तत्वों के बाद:
Manipulating CSS pseudo-elements using JQuery

pageload पर मैं चाहता हूँ: पहले और: एक वर्ग पर तत्वों के बाद प्रकट करने के लिए। मैंने .lifted सेट किया है: पहले और। लिफ्ट: अस्पष्टता के बाद: 0 सीएसएस में। दस्तावेज़ तैयार के भीतर मेरे पास है:

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

यह काम नहीं करता है। और उसके बाद। JQuery मैनिपुलेटर केवल सामग्री को सम्मिलित करने के लिए बनाया गया है जहां तक ​​मैं कह सकता हूं।

क्या कोई तरीका है कि मैं jQuery का उपयोग करके इन छद्म तत्वों के सीएसएस में हेरफेर कर सकता हूं?

Answer 1

तत्व को लोड पर कक्षा जोड़ने के समाधान के साथ जाने और फिर इसे सीएसएस में छेड़छाड़ करने का निर्णय लिया।

$(".lifted").addClass("on"); 

सीएसएस

.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 */