खाली करने के लिए छवि स्रोत कैसे सेट करें?

Question

संभव डुप्लिकेट:
Setting image src attribute not working in Chrome

उपयोगकर्ता पर क्लिक करता है "निकालें" लिंक मैं खाली करने के लिए एक छवि के src विशेषता निर्धारित करने की जरूरत है। जब मैं

$('#img').prop('src', null); 

src का उपयोग कर यह कर खाली नहीं है लेकिन मौजूदा यूआरएल

को अंक अगर मैं

$('#img').removeProp('src'); 

का उपयोग कर src को दूर मुझे इसे वापस आवंटित करने के लिए भविष्य

में कभी नहीं

इसे पूरा करने का सबसे अच्छा तरीका क्या है?

Answer 1

attr() उपयोग करने का प्रयास,

Live Demo

$('#img').attr('src', ''); 

आप आईडी चयनकर्ता है के रूप में। मूल जावास्क्रिप्ट विधि दस्तावेज़ का उपयोग करना .getElementById आपको अधिक प्रदर्शन लाभ प्रदान करेगा। इसके अलावा आपको स्ट्रिंग के बजाय #src के रूप में सेट करने की आवश्यकता हो सकती है।

document.getElementById('img').src = "#"; 

Answer 2

मैं सिर्फ अंतर्निहित <img> नोड पहुँच सकते हैं और एक रिक्त स्ट्रिंग करने के लिए src का मान सेट चाहते हैं।

$('#img')[ 0 ].src = '#'; 

फिडल: http://jsfiddle.net/P4pRu/

---

अद्यतन: जब हम सिर्फ एक रिक्त स्ट्रिंग में पारित यह क्रोम की तरह लगता है संतुष्ट नहीं है। फ़ायरफ़ॉक्स अभी भी अपेक्षित व्यवहार दिखाता है (मुझे पूरा यकीन है कि यह क्रोम में कुछ हफ्तों/संस्करण पहले भी काम करता था)।

हालांकि, उदाहरण के लिए # से गुजरना ठीक काम करता है।

---

अद्यतन 2:

भी imgNode.removeAttribute('src'); अब एक छवि के दृश्य प्रतिनिधित्व अब और क्रोम में निकालता है (दिलचस्प ...)।

Answer 3

गुण 'src' वास्तव में एक संपत्ति नहीं है, यह एक विशेषता है। संपत्तियों के बारे में सोचें जो चीजों को बूलियन या सूचियों और विशेषताओं के साथ सेट किया जा सकता है जो अधिक गतिशील हैं।

$('#img').attr('src', ''); 

jQuery 1.6 के रूप में, .prop() विधि, एक तरह से स्पष्ट रूप से संपत्ति मूल्यों को पुनः प्राप्त करने प्रदान करता है, जबकि।attr() विशेषताओं को पुन: प्राप्त - http://api.jquery.com/prop/