Uncaught TypeError: $(…).onmouseenter is not a function js错误，解决办法：

本文介绍: 想用js 实现一个鼠标悬停和移出，用的jQue ry，调用的函数是onmouseenter，结果报错Unc a ug ht Ty peEr ro r: $(…).on mouse e n t er i s no t a function。网上大多是说是jQue ry 版本问题，我的版本是1.12，版本不算太低，但是也是报错。还有的说通过 bind()进行绑定，我也是未解决。其实解决很简单，用原生 js配合jQue ry来写：…

想用js 实现一个鼠标悬停和移出，用的jQue ry，调用的函数是o n mouse e n t er，结果报错Uncaug ht Ty peError: $(…).o nm o use e n t er is no t a func t ion。

网上大多是说是jQuery版本问题，我的版本是1.12，版本不算太低，但是也是报错。

还有的说通过 bind()进行绑定，我也是未解决。

其实原因极其可笑，我在此记录一下：m o use over是Jquery的，onmouse over是JavaScri pt的。

就像.click()事件一样，js是oncli c（），jQuery是click（）。

这样解决就很简单，用原生 js配合jQuery来写：

原本的报错代码：

    $('#  ').onmouseenter(function () {
        $('#  ').css('display','none');
        $('#  ').css('display','block');
    })
    $('#  ').onmouseout(function () {
        $('#  ').css('display','none');
        $('#  ').css('display','block');
    })

后来的正确代码（去掉on）：

    $('#  ').mouseenter(function () {
        $('#  ').css('display','none');
        $('#  ').css('display','block');
    })
    $('#  ').mouseout(function () {
        $('#  ').css('display','none');
        $('#  ').css('display','block');
    })