• 技术文章 >web前端 >前端问答

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

    长期闲置长期闲置2022-01-14 11:59:06原创83

    在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>

    输出结果:

    +2.gif

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

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery时间戳怎样转为日期 下一篇:jquery怎样点击按钮去掉一行样式

    相关文章推荐

    • jquery php如何实现实时数据更新• jquery怎样实现两秒后消失• jquery怎样设置只能填数字• 十分钟搞懂jquery对元素的基本操作• js和jquery是什么意思

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网