3

我知道可以使用动态加载图像

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

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

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

不起作用。

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

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

4

4 回答 4

9

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

  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

于 2016-03-21T10:43:59.550 回答
0

只需使用 ID删除元素：

$("#id").remove();
于 2013-02-21T18:32:51.813 回答
0

浏览器不会注册任何更改。因此传递随机函数将强制浏览器在 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">
于 2019-12-17T10:17:11.630 回答
0

document.getElementById("ImgID").style.display = "none"; document.getElementById("ImgID").removeAttribute('src'); ... ... ... ... document.getElementById("ImgID").src = NewSrc; document.getElementById("ImgID").style.display = "initial";

于 2020-03-29T05:28:48.360 回答