jquery resizeメソッド

TOPページに戻る > jquery入門

jquery resize()メソッド

resizeメソッドは、windowオブジェクトに対して処理を実行します
ブラウザのwindowサイズが変更になったときに処理を実行できます
divなどのHTML要素にはresize() メソッドを使ってサイズ変更を感知できないようです

$(window).resize(function(){
	windowサイズが変更になったときの処理
});

ブラウザのwindowサイズが変更になったときに処理を実行する

ブラウザのwindowサイズを変更すると処理が実行されます

jquery

$(function() {
var foo;
	$(window).resize(function(){
	$("#hoge").text("windowサイズが変更されました"+foo+"回感知");
	foo++
	});
});

css

#hoge{ border: 1px solid; padding:20px; }

html

<div id="hoge">テキスト</div>

サンプル