如何獲得和使用jQuery

Question

這是我jFiddle設置圖像：http://jsfiddle.net/MEHhs/41/

這部分工作不

//get the URL from image 
     var imgUrl = document.getElementById("img").src; 

錯誤消息遺漏的類型錯誤：無法讀取空出現的特性「SRC」。

經過研究，我找不到任何更好的方法。誰能幫忙？感謝！

Answer 1

ID是picture不img

使用

var imgUrl = document.getElementById("picture").src;  

DEMO without error

當你正在使用jQuery，

$('#picture').click(function() { 
    var picture = $('#picture'); 
    //get the URL from image 
    var imgUrl = picture.prop('src'); 
    //if image 1 is displayed, change to image 2 
    if (imgUrl == "http://www.mathe-fuer-antimathematiker.de/images/vorderseite.png") { 
     picture.prop('src', 'http://www.mathe-fuer-antimathematiker.de/images/rueckseite.png'); 
    } 
    //if image 2 is displayed, change to image 1 
    else { 
     picture.prop('src', 'http://www.mathe-fuer-antimathematiker.de/images/vorderseite.png'); 
    } 
}); 

DEMO

此外，使用.prop()可獲取匹配元素集合中第一個元素的屬性值，或爲每個匹配元素設置一個或多個屬性。

Answer 2

在jQuery中使用「attr」屬性。圖像的

Answer 3

IMG的id是picture。使用：

var imgUrl = document.getElementById("picture").src;