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

想用js实现一个鼠标悬停和移出，用的jQuery，调用的函数是onmouseenter，结果报错Uncaught TypeError: $(...).onmouseenter is not a function。

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

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

  

其实原因极其可笑，我在此记录一下：mouseover是Jquery的，onmouseover是JavaScript的。

就像.click()事件一样，js是onclic（），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');
    })