在鼠標懸停時更改圖像源屬性

Question

我有一個要求，我想在鼠標懸停時更改圖像源。 我這樣做的方式是：

document.getElementsByTagName('img').addEventListener('mouseover', function() 
{
    document.getElementsByTagName('img').setAttribute('src', 'url/of/the/image');
});

我想知道這樣做的正確方法是什么。 或者應該在圖像標簽上添加一個覆蓋 div 並在那里顯示我的圖像？

Answer 1

使用 jQuery，您可以這樣做：

$('img').on('mouseover', function(e) {
   $(this).attr('src', '/link/to/image').css({}); // change src and css
   // or you can use div with background image style property
})