jQuery resize() 方法

实例

计算调整浏览器窗口大小的次数:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. var x = 0;
  7. $(document).ready(function(){
  8. $(window).resize(function(){
  9. $("span").text(x += 1);
  10. });
  11. });
  12. </script>
  13. </head>
  14. <body>
  15. <p>Window 窗体调整大小 <span>0</span></p>
  16. <p>尝试调整浏览器窗口的大小。</p>
  17. </body>
  18. </html>

定义与用法

resize 事件在浏览器窗口更改大小时发生。

resize() 方法触发调整大小事件,或在发生调整大小事件时附加要运行的函数。


语法

触发选定元素的调整大小事件:

  1. $(selector).resize()

将函数附加到调整大小事件:

  1. $(selector).resize(function)
参数描述
function可选。指定触发调整大小事件时要运行的函数

更多实例

触发选定元素的 resize 事件

将函数附加到 resize 事件

分类导航