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


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

你好,我是AI助理

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

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问