javascript - 如何将 .hover 功能添加到单元格中的图像？

Question

我有一个由 Sharepoint 生成的 HTML。我添加了一个表格和一些图像，我想将 .hover 添加到所选图像。经过长时间的折磨，我可以使用 .querySelector 选择图像，但如果我尝试:

    $(document).ready(function ()
    {
      document.querySelector('.ms-rteTableEvenCol-0 > a > img').hover(function ()
      {
        $(this).css('opacity', '.3');
      }, function ()
      {
      $(this).css('opacity', '1');
      });
    });

我收到“未捕获的类型错误:document.querySelector(...).hover 不是函数”。我添加了 Jquery，所以这不是原因。 (大部分相关话题建议添加吧)

如果我尝试 .onmouseover:

$(document).ready(function ()
{
  document.querySelector('.ms-rteTableEvenCol-0 > a > img').onmouseover = function()
  {
   $(this).css('opacity', '.3');
  }
});

这有效，但效果是永久性的，因此即使鼠标离开图像，透明度仍保持 30%。所以我想使用 .hover，但我没有经验，所以我不知道可能是什么问题，请帮帮我。

Answer 1

试试这个:

.ms-rteTableEvenCol-0 > a > img:hover {
  opacity: .3;
}