我想更改img中的src,我编码如下,但它不起作用,怎么了?
<img id='logo_image'/>
<span onclick='$(logo_image).attr("src", "images/logo_orange.png");'>click me</span>
我想更改img中的src,我编码如下,但它不起作用,怎么了?
<img id='logo_image'/>
<span onclick='$(logo_image).attr("src", "images/logo_orange.png");'>click me</span>
这可能是您的选择器的问题。
如果是 id 使用 $('#logo_image')
如果是课堂使用 $('.logo_image')
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>
由于您已将图像指定为 id,因此您需要通过以下代码引用该图像:
$('#logo_image')
您的代码的问题是您可能没有将对象设置为logo_image
变量。
我建议将其更改为:
<span onclick='$("#logo_image").attr("src", "images/logo_orange.png");'>click me</span>
logo-_image
应该是id
那个图像的。
由于您要引用 id 的名称,因此必须将其logo_image
括在引号中,否则 Javascript 会将其视为变量。
$('#logo_image')
你必须使用这样的东西:
<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>
确保你在 javascript 部分使用正确的引号。还可以使用 $('#logo_image') 选择器通过 id 获取图像。我为您制作了一个 jsfiddle 来演示:
<span onclick="$('#logo_image').attr('src', 'images/logo_orange.png');">click me</span>