使用jQuery清除IMG

我正在尝试从

HTML:

<img src='https://www.google.com/images/srpr/logo3w.png'>

$('img').attr('src', ''); // Clear the src
$('img').removeAttr('src');​ // Remove the src

图像保留

fiddle:
您必须将
元素全部替换掉，或者将其替换为不同的图像（可以是透明的gif）。
简单地隐藏一个元素怎么样：

$('img').hide();

不能从标记中删除图像。当您使用jQuery时，请记住您不处理标记，而是使用DOM元素进行操作。因此，jquery中的标记不是一个标记，而是一个对象，一个DOM元素。这是一个元素，它不是一个标记，而是一个表示DOM中图像的元素。因此，如果要隐藏图像，必须隐藏元素。
最好的方法是用另一个图像替换图像。我的意思是不清理src，而是设置一个伪值，比如.attr（'src'，'notting'）；
它不会加载任何图像，并且旧图像的缓存版本将消失
使用删除节点

$("img").remove()

或者简单地使用

$("img").hide()

这对我很有用：

var $image = $('.my-image-selector');
$image.removeAttr('src').replaceWith($image.clone());

但是，要小心可能附加到映像的任何事件处理程序。对于jQuery clone，总是有withDataAndEvents和deepWithDataAndEvents选项，但我还没有用它们测试代码：

此外，如果要对多个图像执行此操作，可能必须使用类似于jqueryeach的方法

我在一个类似的问题上给出了相同的答案：
这对我很有效。将div“custom\u preview\u image”中的图像属性src替换为空白

field = jQuery(this).closest('td').find('.custom_repeatable li:last').clone(true); field.find('.custom_preview_image').removeAttr('src').end();

你可以这样做。首先为图像分配一个ID

<img id='image_id' src='https://www.google.com/images/srpr/logo3w.png'>

如果您仍然希望元素占据空间，但不可见，请使用css隐藏它。为图像指定一个类或id，并将其隐藏，如：

<img id='hide' src='https://www.google.com/images/srpr/logo3w.png'>

$('#hide').css('visibility', 'hidden');


$（'#hide'）.css（'可见性'，'隐藏'）；
在将
“src”
设置为
“#”
时，没有显示损坏的图像，而是有一个解决方法，因此您可以将
alt
属性设置为所需的文本：

 $('#thumbnialPreviewImage').attr('src', '#');
 $('#thumbnialPreviewImage').attr('alt', 'Please Select Image');

清除img是什么意思？是否要从DOM中删除img元素？否-从img元素中清除加载的图像。当然，它不会保留在每个兄弟中。你能举一个例子，说明在不从DOM中删除img元素的情况下清除src属性需要什么样的行为吗？我猜他是想保留
img
节点，而不是图像数据。这可能有助于在图像无法查看时释放内存。或者，您可以将src更改为1x1像素：
$（'img'）.attr（'src'，'data:image/gif；base64，r0lgodlhaqabaaaaaaap///ywaaaqaabaauawaw=='）@davidsleeps-这只是我在回答中所说的一个例子。@Quentin道歉，我现在可以看到……但因为它不涉及另一个图像的存在，感觉有点不同。你甚至可以隐藏一个元素，大不了！！只需将和id添加到img标记，然后执行
$（'#myImageID'）.hide（）
。如果要再次显示，请在元素上使用
show（）
，在页面加载后获得404是否重要？您可以将其替换为现有的空映像。
 $('#thumbnialPreviewImage').attr('src', '#');
 $('#thumbnialPreviewImage').attr('alt', 'Please Select Image');