1.定義
當調整瀏覽器窗口大小時,發生扔resize事件。
2.語法
1).$(選擇器).resize();
2).$(選擇器).resize(function(){});
3.例子:
1). 例子1
<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);
});
$("button").click(function(){
$(window).resize();
});
});
</script>
</head>
<body>
<p>窗口的大小被調整了 <span>0</span> 次。</p>
<p>請試着調整瀏覽器窗口的大小。</p>
<button>觸發窗口的 resize 事件</button>
</body>
</html>
2).例子2
<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>