0

我想更改img中的src，我编码如下，但它不起作用，怎么了？

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

7 回答 7

4

这可能是您的选择器的问题。

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

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

于 2013-09-26T08:58:15.413 回答
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>
于 2013-09-26T09:02:01.427 回答
0

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

$('#logo_image')
于 2013-09-26T08:59:46.610 回答
0

您的代码的问题是您可能没有将对象设置为logo_image变量。

我建议将其更改为：

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

logo-_image应该是id那个图像的。

于 2013-09-26T08:59:58.983 回答
0

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

$('#logo_image')
于 2013-09-26T09:00:11.113 回答
0

你必须使用这样的东西：

<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>
于 2013-09-26T09:00:49.183 回答
0

确保你在 javascript 部分使用正确的引号。还可以使用 $('#logo_image') 选择器通过 id 获取图像。我为您制作了一个 jsfiddle 来演示：

http://jsfiddle.net/9Ltfa/

<span onclick="$('#logo_image').attr('src', 'images/logo_orange.png');">click me</span>
于 2013-09-26T09:03:16.613 回答