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><scripttype="text/javascript"src="/jquery/jquery.js"></script><scripttype="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不显示图片背景如何解决这篇文章主要介绍了jquery不...
vue引入静态jquery报错如何解决
vue引入静态jquery报错如何解决这篇文章主要介绍“vue引入...
jquery如何求屏幕的高度
jquery如何求屏幕的高度这篇“jquery如何求屏幕的高度”文...
jquery如何删除最后一个子元素
每周一书《深入PHP与jQuery开发中文版附源码》分享!
jquery数据类型有哪些
jquery中size用不了怎么解决
jquery如何判断某个标签是否存在
jquery如何移除前一个元素
hover是不是jquery事件
用户名
密码
记住登录状态 忘记密码?
邮箱
确认密码
我已阅读并同意 用户协议