Javascript JQuery 通过 ID 更改 <img src="" 的值

JQuery change the value of an <img src="" by ID

提问by Satch3000

I need some simple JQuery code so I can change the src value of a specific img.

我需要一些简单的 JQuery 代码，以便更改特定 img 的 src 值。

It's currently:

目前是：

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

and I need to change it to:

我需要将其更改为：

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

using JQuery.

使用 JQuery。

回答by Yves Lange

Using: $(function(){ ... });

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

You can use:

您可以使用：

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

to change the image source immediately.

立即更改图像源。

---

---

Alternatively, you can use jQuery animations to change an image.

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

JS

JS

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

HTML

HTML

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

(Don't forget to change the CSS of #id2and put display: noneas initial state).

（不要忘记更改 CSS#id2并将其display: none作为初始状态）。

回答by mreq

That's elementary, use jQuery attr...

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

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

回答by Darin Dimitrov

You could use the .attr()function to set attributes on given DOM element:

您可以使用该.attr()函数来设置给定 DOM 元素的属性：

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

回答by Jashwant

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

回答by Basic

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