jQueryの関連寸法取得-学習ノート

文書に対する要素のオフセット量

を取得する.

現在の要素の親要素に対するオフセット量

を取得する.

ドキュメントのスクロール距離

を取得する.

要素の幅と高さ

を取得

要素の幅と高さを設定する

可視領域の幅と高さ

を取得する.

ドキュメントの幅と高さ

を取得します.
ドキュメントに対する要素のオフセットの取得

 var pos = $('#small').offset(); 
 console.log(pos.left);
 console.log(pos.top);

親要素に対する現在の要素のオフセットの取得

 var l = $('#small').position().left;
 var t = $('#small').position().top;
 console.log(l,t);

ドキュメントのスクロール距離の取得

 var st = $(document).scrollTop();
 var sl = $(document).scrollLeft();

要素の幅と高さの取得

 var w = $('#big').width();
 var h = $('#big').height();

エレメントの幅と高さの設定

 $('#big').width(400);
 $('#big').height(400);
 // console.log(w,h);

表示領域の幅と高さの取得

 var w = $(window).width();
 var h = $(window).height();

ドキュメントの幅と高さの取得

 var w = $(document).width();
 var h = $(document).height();
 console.log(w,h);