JQuery更改了一个<img src="" by ID

的值我需要一些简单的JQuery代码，以便我可以更改特定img的src值。JQuery更改了一个<img src="" by ID

这是目前：

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

，我需要将其更改为：使用JQuery

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

。

2012-01-28 Satch3000

哇，5下2分钟相同answders ... – Basic 2012-01-28 15:42:19

使用：$(function(){ ... });

您可以使用：

$('#id').attr('src', 'newImage.jpg');

改变形象立即来源。

或者，您可以使用jQuery动画更改图像。

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

HTML

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

（不要忘记改变#id2 CSS和把display: none为初始状态）。

2012-01-28 15:41:23 Kursion

lol 3个答案在不到1分钟内：D – Kursion 2012-01-28 15:41:59

你的淡入/淡出的例子是没用的解释如何使用CSS定位_make确保图像在同一个地方_！ – Alnitak 2012-01-28 15:45:27

不需要为这个基本示例放置它们（隐藏的将让位置到第二个）。顺便说一句，这只是一个例子。我不会在这里提供所有的CSS文档。 – Kursion 2012-01-28 15:47:32

您可以使用.attr()功能设置给DOM元素的属性：

$(function() { 
    $('#myImage').attr('src', 'image2.gif'); 
});

2012-01-28 15:40:50

任何理由downvote？ downvoting时请留言。 – 2012-01-28 15:50:35

我认为，它是所有人中最好的答案。想想前两次downvote – Jashwant 2012-01-28 16:00:39

+1为你@Darin – Jashwant 2012-01-28 16:01:05

$('#myImage').attr('src','theothersrc.gif')

2012-01-28 15:41:06 Jashwant

这是基本的，使用jQuery attr ...

$('img#myImage').attr('src', 'image2.gif');

2012-01-28 15:41:34 mreq

不，_don't_限定'＃id'标记，它阻止使用最快的getElementById（）DOM调用。 – Alnitak 2012-01-28 15:43:07

$("#myImage").attr('src', 'image2.gif')

2012-01-28 15:41:50 Basic

+1，你为什么被低估？当人们没有理由地这样做时，恨它！ – gdoron 2012-01-29 11:20:24

@gdoron谢谢 - 也让我烦恼。 – Basic 2012-01-29 12:20:05

回答