您的位置 首页 技术专栏

jquery怎样添加浏览器大小改变触发事件

24小时课堂在线收录jquery怎样添加浏览器大小改变触发事件,在jquery中,可以利用resize方法添加浏览器大小改变触发事件,该方法的作用就是当调整浏览器窗口的大小时发生resize事件,或规定当…感谢您关注jquery怎样添加浏览器大小改变触发事件。

在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怎样添加浏览器大小改变触发事件

相关视频教程推荐:jQuery视频教程

以上就是jquery怎样添加浏览器大小改变触发事件的详细内容,更多请关注24小时课堂在线其它相关文章!

本文来自网络,不代表24小时课堂在线立场,转载请注明出处:https://www.24ketang.cn/103230.html

为您推荐

返回顶部