Question

我想改变img中的src，我编码如下，但它不起作用，出了什么问题？

<img id='logo_image'/>
<span onclick='$(logo_image).attr("src", "images/logo_orange.png");'>click me</span>

Answer 1

选择器可能存在问题。

如果是id，请使用$('#logo_image')

如果是课堂使用$('.logo_image')

Answer 2

首先，当您使用以logo_image开头的字符串表示您想要按ID选择时，您尝试使用变量#：

onclick='$("#logo_image").attr("src", "images/logo_orange.png");'

其次，如果您可以提供帮助，最好不要使用内联onclick属性：

<img id='logo_image'/>
<span>click me</span>

<script>
$("span").click(function() {
   $("#logo_image").attr("src", "images/logo_orange.png");
});
</script>

...理想情况下，span元素会有一些id或其他东西来选择它。

第三，除非您不关心那些不能（或不选择）使用鼠标或其他指针设备的人可以访问您的页面，否则不要首先点击span元素。最好使用一个锚点（您可以根据需要设置样式），以便用户可以使用键盘选项卡并使用键盘激活它：

<img id='logo_image'/>
<a href="#">click me</a>

<script>
$("a").click(function(e) {
   e.preventDefault();
   $("#logo_image").attr("src", "images/logo_orange.png");
});
</script>

Answer 3

由于您已将图像指定为ID，因此需要通过以下代码引用图像：

$('#logo_image')

Answer 4

您的代码存在问题，您可能无法将对象设置为logo_image变量。

我建议将其更改为：

<span onclick='$("#logo_image").attr("src", "images/logo_orange.png");'>click me</span>

logo-_image应该是该图片的id。

Answer 5

由于您需要引用id的名称，因此必须将logo_image括在引号中，否则Javascript会将其视为变量。

$('#logo_image')

Answer 6

你必须使用这样的东西：

<img id="logo_image" src="" />
<span onclick='$("#logo_image").attr("src", "images/logo_orange.png");'>
    click me
</span>

如果您的img id名为logo_image 如果你的img有css类logo_image，你必须写：

<img class="logo_image" src="" />
<span onclick='$(".logo_image").attr("src", "images/logo_orange.png");'>
    click me
</span>

Answer 7

确保你在javascript部分使用正确的引号。还可以使用$（'＃logo_image'）选择器按ID获取图像。我为你做了一个jsfiddle来演示：

http://jsfiddle.net/9Ltfa/

<span onclick="$('#logo_image').attr('src', 'images/logo_orange.png');">click me</span>

用于图像更改的jQuery脚本，无法正常工作

7 个答案: