我的页面上有一张图片。单击按钮时,我想更改图像的src并显示新图像。以下是我的代码。
<img id="img_change" src = "~/content/images/img1.jpg" />
下面我有
<script>
$("document").ready(function() {
$("button").click(function() {
$("#img_change").attr("src","~/content/images/img2.jpg");
});
});
单击图像时未显示。我已经尝试过我所知道的一切。
答案 0 :(得分:0)
这是因为您的选择器不正确。你的代码应该是这样的:
$("document").ready(function() {
$("button").click(function() {
// "#img_change" and not "img_change"
$("#img_change").attr("src","~/content/images/img2.jpg");
});
});
您需要在选择器前面放置#
,因为您使用ID来定位正确的元素。
答案 1 :(得分:0)