Javascript JQuery更改一个<;img src=”等&引用;凭身份证
我需要一些简单的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'); }); 使用:$(函数(){…}) 您
<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')