jQuery resize() 方法

定义和用法

当调整浏览器窗口大小时，发生 resize 事件。

resize() 方法触发 resize 事件，或规定当发生 resize 事件时运行的函数。

语法

触发被选元素的 resize 事件

$(selector).resize()

添加函数到 reisize 事件

$(selector).resize(function)

参数

参数	描述
function	可选。规定当 resize 事件被触发时运行的函数。

示例

下例演示了对浏览器窗口调整大小进行计数：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>欢迎来到蝴蝶教程</title>
   //此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
   <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
   <script>
       $(document).ready(function () {
          $(window).resize(function(){
            $("span").text(x+=1);
          });
       });
   </script>
</head>
<body>
   <p>窗口调整大小 <span>0</span>时. </p>
   <p>尝试调整浏览器窗口的大小。</p>
</body>
</html>

尝试一下

定义和用法

语法

参数

示例

相关页面