javascript - $(this).src 和 document.getElementById().src 之间的区别？

Question

在当前项目中我正在使用 jQuery。我只是想知道为什么会这样，

$('#homeIcon').hover(function(){
    document.getElementById('homeIcon').src = "pic/home-icon_hover.png";
})

但这不会:

$('#homeIcon').hover(function(){
    $(this).src = "pic/home-icon_hover.png";
})

这些方法不应该做完全相同的事情吗？

仅供引用homeIcon是 <img> .

Answer 1

在 jquery 中你应该这样做

$('#homeIcon').hover(function() {
    $(this).attr('src',"pic/home-icon_hover.png")
})

设置 src 属性的值。从 jQuery 1.6 及更高版本开始，建议使用 prop 而不是 attr，因此:

$('#homeIcon').hover(function() {
    $(this).prop('src',"pic/home-icon_hover.png")
})