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')