jQuery腳本圖像變化，無法正常工作

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

正如你所指定的圖像作爲ID，你需要通過下面的代碼來引用圖像：

$('#logo_image') 

Answer 3

您的代碼存在的問題是您不可能將對象設置爲logo_image變量。

我建議將其更改爲：

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

logo-_image應該是圖像的id。

Answer 4

既然你想引用id的名字，你必須把logo_image換成引號，否則Javascript會把它當作變量。

$('#logo_image') 

Answer 5

你必須使用這樣的事情：如果你有一個img與命名id

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

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 6

首先你要使用變量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 7

確保ü在JavaScript部分使用權報價：不如讓用戶可以選項卡，並用鍵盤激活使用一個錨（你可以風格，您認爲合適）。 也可以使用$（'＃logo_image'）選擇器通過id獲取圖像。 我做了的jsfiddle爲您展示：

http://jsfiddle.net/9Ltfa/

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