Javascript JQuery更改一个<;img src=”等&引用;凭身份证

Javascript JQuery更改一个<;img src=”等&引用;凭身份证,javascript,jquery,Javascript,Jquery,我需要一些简单的JQuery代码,以便可以更改特定img的src值 目前: <img id="myImage" src="image1.gif" /> 我需要把它改成: <img id="myImage" src="image2.gif" /> 使用JQuery。可以使用函数设置给定DOM元素的属性: $(function() { $('#myImage').attr('src', 'image2.gif'); }); 使用:$(函数(){…}) 您

我需要一些简单的JQuery代码,以便可以更改特定img的src值

目前:

<img id="myImage" src="image1.gif" />

我需要把它改成:

<img id="myImage" src="image2.gif" />

使用JQuery。

可以使用函数设置给定DOM元素的属性:

$(function() {
    $('#myImage').attr('src', 'image2.gif');
});
使用:
$(函数(){…})

您可以使用:

$('#id').attr('src', 'newImage.jpg');
立即更改图像源


或者,您可以使用jQuery动画来更改图像

JS

$("#id1").fadeOut();
$("#id2").delay(200).fadeIn();
HTML

<div>
    <img id='id1' src='one.jpg'>
    <img id='id2' src='two.jpg'>
</div>


(别忘了更改
#id2
的CSS并将
显示:none
作为初始状态)。

这是基本的,使用jQuery


哇,不到2分钟就有5个相同的应答器…不,不要限定
#id
标记,它会阻止使用最快的
getElementById()
DOM调用。如果不解释如何使用CSS定位来确保图像位于同一位置,您的fadein/fadeout示例将毫无用处!对于这个基本的示例,不需要放置它们(隐藏的一个会将位置移到第二个)。顺便说一句,这只是一个例子。我不会把所有的CSS文档都放在这里。有什么理由否决投票吗?请在投票时留下评论。我认为,这是最好的答案。在投票前三思而后行
<div>
    <img id='id1' src='one.jpg'>
    <img id='id2' src='two.jpg'>
</div>
$('img#myImage').attr('src', 'image2.gif');
$("#myImage").attr('src', 'image2.gif')