鼠标移入移出事件
-
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 的代码
});