如何将.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');
      });
    });

我得到"Uncaught TypeError: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;
}