JQuery通過ID更改<img src =“”的值

Question

我需要一些簡單的JQuery代碼，所以我可以更改特定img的src值。

它目前是：

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

我需要將其更改為：

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

使用JQuery。

Answer 1

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

您可以使用：

$('#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並將display: none作為初始狀態）。

Answer 2

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

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

Answer 3

您可以使用.attr()函數設置給定DOM元素的屬性：

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

Answer 4

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

Answer 5

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