jquery - 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");');
   });
});

当我运行这段代码时，我得到“Object div has no method '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()改用。但是，由于您已经将事件绑定到div您想要的，只需使用$(this)：

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