javascript - div选择的问题

我以以下方式设置了4个div：


每当鼠标悬停在任何div上时，都应更改div背景。

我该如何做到这一点。也允许使用jQuery。
谢谢

最佳答案

这是使用jQuery的解决方案。

$('div').hover(function() {
   $(this).css({ backgroundImage: 'url(whatever.jpg)' });
}, function() {
   $(this).css({ backgroundImage: 'none' });
});

但是，如果这样做，我将添加一个类并使用CSS更改实际的背景图像。

您也可以使用普通的JavaScript来做...

var divs = document.getElementsByTagName('div');

for (var i = 0, divsLength = divs.length; i < divsLength; i++) {
    divs[i].onmouseover(function() {
            divs[i].style.backgroundImage = 'url(whatever.jpg)';
        });

    divs[i].onmouseout(function() {
            divs[i].style.backgroundImage = 'none';
        });
}

而且，您甚至可以仅使用CSS来实现...

div:hover {
    background-image: url(whatever.jpg);
}

关于javascript - div选择的问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4332423/