jquery - 通过清除 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删除元素：

$("#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";