jquery - リスト項目の背景画像を変更するにはどうすればよいですか

Question

<Li>jQuery を使用して bgImage onMouseOver を変更したい

しかし、画像は3つのdivタグにあります

Answer 1

このようなもの：

$('li').mouseover(
  function(){
    $(this).css('background-image', 'url(hover.png) no-repeat top left');
  },
  function(){
    $(this).css('background-image', 'url(normal.png) no-repeat top left');
  }
);

Answer 2

マウスオーバーでリスト項目の背景画像を変更する必要がある理由を知りたいです。

リスト項目をリンクのように動作させたい場合、または一般的にリスト項目にアクションを割り当てたい場合は<a>、内にタグを追加し<li>、a:hover css セレクターを使用して背景画像を割り当てる必要がありますマウスオーバーでリンク。この方法では、JavaScript 関数は必要ありません。

タグを使用できない場合は、その<a>理由を知りたいです。

Answer 3

CSSで背景画像を追加/削除する代わりに、ホバー時にクラスを追加/削除する必要があります。このようにして、JSファイルを実際にリリースするときに圧縮できます:)

ただし、彼は現在の背景画像を保存し、マウスオーバーで置き換えて、マウスアウトで元に戻したいと思います:)