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

回答