Rumah > Artikel > hujung hadapan web > jquery怎样添加浏览器大小改变触发事件
jquery怎样添加浏览器大小改变触发事件
- WBOYasal
- 2022-01-14 11:59:061912semak imbas
在jquery中，可以利用resize方法添加浏览器大小改变触发事件，该方法的作用就是当调整浏览器窗口的大小时发生resize事件，或规定当发生resize事件时运行的函数，语法为“$(selector).resize()”。
本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery怎样添加浏览器大小改变触发事件
当调整浏览器窗口的大小时，发生 resize 事件。
resize() 方法触发 resize 事件，或规定当发生 resize 事件时运行的函数。
触发 resize 事件
语法
$(selector).resize()
将函数绑定到 resize 事件
语法
$(selector).resize(function)
function 可选。规定当发生 resize 事件时运行的函数。
示例如下：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
x=0;
$(document).ready(function(){
$(window).resize(function() {
$("span").text(x+=1);
});
});
</script>
</head>
<body>
<p>窗口大小被调整过 <span>0</span> 次。</p>
<p>请试着重新调整浏览器窗口的大小。</p>
</body>
</html>输出结果：
相关视频教程推荐：jQuery视频教程
Atas ialah kandungan terperinci jquery怎样添加浏览器大小改变触发事件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery时间戳怎样转为日期Artikel seterusnya：jquery怎样点击按钮去掉一行样式