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

Question

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

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

当我运行这段代码时，我得到“对象 div 没有方法‘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>

Answer 1

.get()会给你 DOM 元素，而不是 jQuery 对象。你应该使用 .eq()反而。但是，由于您已经将事件绑定(bind)到所需的 div，只需使用 $(this):

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