jQuery mouseenter/mouseleave不'；行不通

我正在使用一个带有图像的锚定标记作为超链接，我希望该图像也在mouseover/mouseleave上更改。超链接可以工作，但鼠标/图像更改位不能

以下是jQuery代码：

jQuery('document').on({
  mouseenter: function() {
    jQuery(this).find('img').attr('src','/templates/beez_20/images/e2tw/check_cross_hilite.png');
  },
  mouseleave: function() {
    jQuery(this).find('img').attr('src','/templates/beez_20/images/e2tw/check_cross_trans.png');
  }
}, 'p#title');

令我惊讶的是，同一页面上非常相似的jQuery代码工作正常。任何帮助都将不胜感激。

它应该是

jQuery（document）

而不是

jQuery（'document'）

，因为

'document'

引用了一个元素选择器，它将查找带有标记名

document

的元素，如

..

---

尝试从文档中删除单引号

jQuery(document).on({
  mouseenter: function() {
    jQuery(this).find('img').attr('src','/templates/beez_20/images/e2tw/check_cross_hilite.png');
  },
  mouseleave: function() {
    jQuery(this).find('img').attr('src','/templates/beez_20/images/e2tw/check_cross_trans.png');
  }
}, 'p#title');

---

如果动态添加了DOM，还应确保DOM已准备就绪。

jQuery(document).on({
  mouseenter: function() {
    jQuery(this).find('img').attr('src','/templates/beez_20/images/e2tw/check_cross_hilite.png');
  },
  mouseleave: function() {
    jQuery(this).find('img').attr('src','/templates/beez_20/images/e2tw/check_cross_trans.png');
  }
}, 'p#title');