jQuery

Question

का उपयोग कर एक डीआईवी और इसकी सामग्री की पारदर्शिता सेट करें एचटीएमएल डीवी तत्व और इसकी सामग्री को jQuery का उपयोग करके पारदर्शिता सेट करने का सबसे अच्छा तरीका क्या है?

Answer 1

$('#my_element').css({ 'opacity' : 0.7 });

आप वास्तव में के रूप में अच्छी निहित तत्वों में से प्रत्येक के अस्पष्टता सेट करना चाहते हैं, या आप बस इसे के रूप में अगर बच्चे तत्व एक ही अस्पष्टता है 'दिखाई' करना चाहते हैं?

मेरे सवाल का एक उदाहरण के रूप में, यदि आप कुछ है कि एक तत्व सेट करना चाहता था, और बच्चों के तत्वों में से प्रत्येक, तो आप इस

एचटीएमएल

<div id="my_element"> 
    <div> 
    lorem 
    </div> 
    <div> 
    ipsum 
    </div> 
</div> 

jQuery की तरह कुछ कर सकता है

$('#my_element').children(). 
       css({ 'opacity' : 0.25 }). 
       end(). 
       css({ 'opacity' : 0.25 }); 

उम्मीद है कि इससे मदद मिलती है। चीयर्स।

Answer 2

रूप theIV कहा कि तुम सीएसएस विधि का उपयोग कर सकते हैं, लेकिन एक विकल्प के रूप में आप चेतन का उपयोग कर सकते हैं:

$('#my_element').animate({ opacity: 0.5 }, 100); 

इस जो कुछ भी यह था से (0.5 करने के लिए आप div (और उसकी सामग्री) की अस्पष्टता चेतन जाएगा शुरू करने के लिए) 100 मिलीसेकंड में।

Answer 3

एक अन्य विकल्प - अपने कीबोर्ड को सहेज कर उन्हें fadeTo:

$('#someDiv').fadeTo("slow",0.5); 

Answer 4

इस गुण

$('#my_div').css("opacity", "0.5"); // तुरंत अस्पष्टता सेट $('#my_div').fadeTo(0, 0.5); // 0 मिलीसेकंड के पाठ्यक्रम पर 50% तक की अस्पष्टता उत्साहित प्रयास करें । अगर आप इसे एनिमेट करना चाहते हैं तो 0 बढ़ाएं। $('#my_div').fadeIn(); // अस्पष्टता को 0 से 100%