jQuery入门第五章(JQ事件类型补充 )

简介: 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 的代码
});


相关文章
N..
|
2月前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
N..
29 1
|
2月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
38 1
|
2月前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
|
24天前
|
JavaScript 前端开发
jQuery 事件
jQuery 事件
18 1
|
26天前
|
JavaScript 前端开发 API
jQuery 入门:轻松创建与插入节点
jQuery 入门:轻松创建与插入节点
19 1
|
26天前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数:优雅地处理页面加载事件
jQuery中的ready()函数:优雅地处理页面加载事件
9 0
|
2月前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
2月前
|
Web App开发 JavaScript 前端开发
jquery的冒泡事件event.stopPropagation()
jquery的冒泡事件event.stopPropagation()
16 0
|
2月前
|
JavaScript 前端开发
jQuery中的事件与动画
jQuery中的事件与动画
|
2月前
|
JavaScript
jQuery动画与事件概念以及语法
jQuery动画与事件概念以及语法