jQuery入门第五章（JQ事件类型补充 ）

鼠标移入移出事件

• mouseenter( ) 鼠标移入

• mouseleave( ) 鼠标移出

对比 mouseover 和 mouseout 而言，mouseenter，mouseleave 在盒子内部移动的时候不会反复触发移入移出事件。

总结：推荐使用 mouseenter，mouseleave。

hover 事件

hover( ) - 是 JQ 参考 CSS 的 hover 封装的一个方法，WebAPI 没有 hover 事件

ready 事件

ready 事件也是 JQ 自己封装的事件，WebAPI 没有 ready 事件。

ready 事件执行的时机比 load 事件更早，如果操作 DOM 的代码写到页面的头部，就把代码整体写到 ready 事件内部。

如果操作 DOM 的代码写到页面的最后，ready 写不写都无所谓。

$(function(){  
    // 操作 DOM 的代码
});

$(document).ready(function(){ 
    // 操作 DOM 的代码
});

// 其他写法
$(() => {  
    // 操作 DOM 的代码
});

 上一章：jQuery入门第四章（JQ 事件绑定 ）

 下一章：jQuery入门第六章（滚动事件相关）