通过清除src属性，使用jquery动态删除图像

Question

我知道可以使用

动态加载图像

$("#id").attr("src","path of the image"),

但要在特定事件上加载某个图像，

$("id").attr("src","")

不起作用。

使用jquery卸载映像运行时的​​正确方法是什么？

我无法更改图像的显示或可见性属性，我需要加载它才能卸载它。

Answer 1

有很多方法可以做到这一点。你可以使用适合你的那个

1. $('#id').removeAttr('src');​ // Remove the src
2. $('#id').remove(); //This will remove the element from DOM so be careful

3. $('#id').attr('src', 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=='); // This will change the src to a 1x1 pixel

4. $('#id').removeAttr('src').replaceWith($image.clone()); //That worked for few people

Answer 2

使用ID：

只需remove元素

$("#id").remove();

Answer 3

浏览器未注册任何更改。 因此，传递随机函数将迫使浏览器在DOM中进行更改。 下面是使用的jquery和HTML

$('#uploaded_image').attr('src',data+'?'+Math.random());

<img src="logo.png?1576573831" class="NO-CACHE img-responsive p-b-10" id="uploaded_image">

Answer 4

document.getElementById（“ ImgID”）。style.display =“ none”; document.getElementById（“ ImgID”）。removeAttribute（'src'）; ………… document.getElementById（“ ImgID”）。src = NewSrc; document.getElementById（“ ImgID”）。style.display =“ initial”;