ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery はページと要素の高さと幅の概要を取得します - superpractical_jquery

jQuery はページと要素の高さと幅の概要を取得します - superpractical_jquery

WBOY
リリース: 2016-05-16 15:48:31
オリジナル
1249 人が閲覧しました

以下は、ページおよび個々の要素の高さと幅を取得する jQuery メソッドの概要であり、全員に共有されます。

ブラウザの表示領域 (視覚領域) の高さを取得します:

コードをコピー コードは次のとおりです:

$(ウィンドウ).高さ();

ブラウザの表示領域(可視領域)の幅を取得します:
コードをコピー コードは次のとおりです:

$(ウィンドウ).width();

ページのドキュメントの高さを取得します
コードをコピー コードは次のとおりです:

$(document).height();

ページのドキュメント幅を取得します:
コードをコピー コードは次のとおりです:

$(document).width();

現在のブラウザ ウィンドウのドキュメント本文の高さ:
コードをコピー コードは次のとおりです:

$(document.body).height();

現在のブラウザウィンドウのドキュメント本文の幅:

コードをコピー コードは次のとおりです:

$(document.body).width();

スクロール バーの最上部までの垂直高さ (つまり、上にスクロールされる Web ページの高さ) を取得します
コードをコピー コードは次のとおりです:

$(document).scrollTop();

左側のスクロールバーの垂直幅を取得します:
コードをコピー コードは次のとおりです:

$(document).scrollLeft();

要素の幅を取得または設定します:

コードをコピー コードは次のとおりです:

$(obj).width();

要素の高さを取得または設定します:
コードをコピー コードは次のとおりです:

$(obj).height();

要素の上端から body の上部までの距離: obj.offset().top; (含まれる要素にスクロール バーが含まれていない場合)
要素の左端から body の左端までの距離: obj.offset().left; (含まれる要素にスクロール バーが含まれていない場合)
現在の要素の上端からその要素を含む要素の上端までのオフセットを返します: obj.offset().top (要素を含む要素にスクロール バーが含まれる場合)
現在の要素の左端からその要素を含む要素の左端までのオフセットを返します: obj.offset().left (要素を含む要素にスクロール バーが含まれる場合)
obj.offset().top;
要素の左端または上端までスクロールされたピクセル数を設定または返します。簡単に言えば、スクロール バーの上端または左端を基準とした一致する要素のオフセットを設定または取得することです。これらのピクセルは、要素にスクロールバーがある場合、たとえば要素の CSS オーバーフロー プロパティが auto に設定されている場合にのみ役立ちます。これらのプロパティは、ドキュメントの または タグでのみ定義されており、位置を指定するために一緒に使用されます。スクロール文書の。これらのプロパティは、