jquery - Jquery:ホバー時の不透明度の変更が機能しない

Question

に設定された div がありopacity:0.7ます。ホバーオーバーで100％不透明に見せたいので、作成しました：

.fullopaque {
opacity: 1;
}

("#menu DIV").hover(
  function () {
    $(this).addClass('fullopaque');
  },
  function () {
   $(this).removeClass('fullopaque');
  }
);

新しいクラスが div に追加されていることをコンソールで確認できますが、視覚的には何も変わりません。

.fullopaque は、CSS の div スタイルの下に設定されているため、問題になることはありません。

私が間違ったことはありますか？理由が分からないようです。

Answer 1

以下を試してください：

$("#menu DIV").hover(
  function () {
    $(this).css({ opacity: 1 });
  },
  function () {
   $(this).css({ opacity: 0.7 });
  }
);

これはjsfiddleです

Answer 2

#menu DIV:hover{
 opacity: 1;
}

cssが機能する場合、javascriptは試しません

Answer 3

CSS を次のように変更してみませんか。

#menu:hover {
  opacity: 100%;
}