Question

我尝试使用此代码来更改img图像，它在localhost中工作，但在我的主机上工作正常。这些是我惶恐的方式：

$("#btnChangImg").click(function () {
             $("#Div").html('<img id="img" alt="" src="/Test/2.jpg" />');
});

这是另一种我喜欢的方式：

$("#btnChangImg").click(function () {
             $("#img").attr("src", "/Test/2.jpg");
});

#im的src现在是“/Test/1.jpg”。它应该改为“/Test/1.jpg”

这是我的HTML：

<form id="form1" runat="server">
<div id="Div">
    <img id="img" alt="" src="/Test/1.jpg" />
</div>
<input id="btnChangImg" type="button" value="button" />
</form>

Answer 1

你可以这样做：

$("div").click(function(){
    $("img").attr("src", "secondImage.jpg")            
})

这是我制作的jsFiddle：http://jsfiddle.net/ZjQ7t/1/

Answer 2

如果您正在使用ASP.NET或类似的东西，那么在呈现页面时您的ID可能会被更改，因为您的代码是正确的

$("#btnChangImg").click(function () {
             $("#img").attr("src", "/Test/2.jpg");
});

请看这里的小提琴http://jsfiddle.net/KBWk8/

使用jquery加载外部图像

2 个答案: