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


目录
打赏
0
0
0
0
3
分享
相关文章
jQuery事件处理
jQuery事件处理
N..
94 1
jquery动画与事件案例
jquery动画与事件案例
【JQuery】基础从零入门操作,简单详细
jQuery下载,引入依赖,JQuery语法、选择器、时间、获取元素、返回CSS、修改属性、添加元素、删除元素、猜数字游戏、表白墙
jQuery 事件
jQuery 事件
52 1
|
5月前
|
jQuery 事件
jQuery 事件
50 10
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
深入理解jQuery:高效DOM操作与事件处理
【10月更文挑战第11天】深入理解jQuery:高效DOM操作与事件处理
44 0
|
5月前
|
jQuery 事件 方法
jQuery 事件 方法
46 3
|
5月前
|
jQuery 事件 方法
jQuery 事件 方法
28 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等