如何用ajax / jquery 清除image src

xin_yao

image src default 是 ="abc.jpg"
我用   $("#image").attr("src", "xperia-s.jpg"); 可以改image src
但是如果设置成  $("#image").attr("src", "");  原图依据存在 ！

怎么办？？

young_89

一个<img> tag 的 src 应该至少要有value吧，不然你应该把他 .remove() 或者 .hide()。

gracegirl

可以这样吗？

html:
<div id="divImageWrapper"><img src="abc.jpg"/><div>

jquery
$("div#divImageWrapper").html("<img src='xyz.jpg'/>");

young_89

gracegirl 发表于 10-1-2013 04:31 PM
可以这样吗？

html:

你这个 跟 xin_yao 的

1. $("#image").attr("src", "xperia-s.jpg");

复制代码

效果是一样的。你是replace 整个tag , 他是换ref's value

xin_yao

   $("#image").removeAttr("src");   remove 不了 ，还是在


   var img = document.getElementById('image');
                    img.style.display = "block";  这样也没效

$("#image").attr("display", "block");   这样也错

最后用 .hide() 可以了 。。不知道会不会有其它影响 ^^
感谢啦^^ 爱你们

young_89

xin_yao 发表于 10-1-2013 05:25 PM
$("#image").removeAttr("src");   remove 不了 ，还是在

'block' 不是这样用的。
block - A block element is an element that takes up the full width available, and has a line break before and after it.

xin_yao

原来..学习了 ！
这是另一个解决方法 ！ 分享一下
document.getElementById('image').src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";

young_89

xin_yao 发表于 10-1-2013 05:25 PM
$("#image").removeAttr("src");   remove 不了 ，还是在

1. $('#image').remove();

复制代码

这个remove才对。

young_89

xin_yao 发表于 10-1-2013 07:38 PM
原来..学习了 ！
这是另一个解决方法 ！ 分享一下
document.getElementById('image').src = "data:imag ...

这个在jquery的写法应该是这样

1. $('#image').attr('src','default.gif');

复制代码