JQuery的事件方法(三)

本文详细介绍了JQuery中与页面相关的事件,包括已废弃的unload事件,调整浏览器窗口大小触发的resize事件,以及用户滚动元素时触发的scroll事件。通过实例讲解了这些事件的语法和用法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

JQuery事件几乎都是触发匹配元素或者将函数绑定到匹配元素上,只是这些事件方法触发条件都是不一样,除了键盘触发和鼠标触发还有就是页面触发和表单触发,这两种触发条件的JQuery事件有几种是平时写代码经常会用到,而有一些用的就是那么多了。

一、unload()
语法:
$( selector).unload(function);

HTML代码
在这里插入图片描述

JQuery代码
在这里插入图片描述

Unload事件在JQuery1.8版本被废弃,在3.0版本被移除。
Unload事件方法是当用户离开页面时,会发生unload事件。
除了离开页面会发生还有几种情况也会发生unload事件:
• 点击某个离开页面的链接
• 在地址栏中键入了新的 URL
• 使用前进或后退按钮
• 关闭浏览器
• 重新加载页面
unload() 方法规定当 unload 事件发生时会发生什么。
unload() 方法只应用于 window 对象。

二、resize()
语法:

$( selector).resize(); 触发被选元素的resize事件
$( selector).resize(function); 添加函数到 reisize 事件

HTML代码:
在这里插入图片描述

JQuery代码:
在这里插入图片描述

resize()事件方法也是页面触发里的其中一个事件方法,虽热这个事件方法不经常用。
resize()事件是在调整浏览器窗口大小时,就会发生resize()事件。具体来说就是每调整一次就会触发一次resize()事件。

三、scroll()
语法:

$( selector).scroll(); 触发被选元素的resize事件
$( selector).scroll(function); 添加函数到 reisize 事件

HTML代码:
在这里插入图片描述

JQuery代码
在这里插入图片描述

当用户滚动指定的元素时,就会发生 scroll 事件。
scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)。
scroll() 方法触发 scroll 事件,或规定当发生 scroll 事件时运行的函数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值