jQuery.get和.css设置背景图像

我有几个div组成菜单上的一个按钮。使用jQuery，我试图将div更新为悬停背景图像，而不使用单独的选择器

$(document).ready(function () {
   $(".menuitem div").on('hover', function () {
      $("div").get(1).css('background-image', 'url("img/header/leftHov.png");');
   });
});

当我运行这段代码时，我得到“objectdiv没有方法‘css’”。 如果您想知道，我的HTML如下所示：

<div style="width:100px;" class="menuitem">
    <div style="background: url('img/header/leftReg.png');">
    <div style="background:url('img/header/midReg.png');background-repeat:repeat-x;">
    <a href="./about.php" class="menu">About </a>
    <div style="background:url('img/header/rightReg.png');">
</div>

将为您提供DOM元素，而不是jQuery对象。你应该改用。但是，由于您已经将事件绑定到所需的

div

，只需使用

$（this）

：

---

你做得不对。在“on”函数中，不要选择所有div，只需执行$（此操作）即可获得“.menuitem div”选择的div。我不能将其绑定到一个div，因为我有几个div需要更新背景图像。@J4G:它是

背景图像

，就像您最初使用的那样，而不是

背景图像

$（“div”）。获取（1）表示页面上的第一个div…如果这是你想要的，好吧，但感觉不对。如果必须在一个div之前添加一个新div，会发生什么？我不能将它绑定到一个div，因为我有几个div需要更新背景图像。谢谢你的.eq（）提示。@J4G:那么你基本上想把所有图像的背景图像改为leftHov.png、midHov.png和rightHov.png？还是只有一个？

$(this).css('background-image', 'url("img/header/leftHov.png")');