jquery_jqueryで要素のサイズと座標を取得するメソッド

1. 座標を取得します。

1.offset()

offset() メソッドは、ドキュメントに対する一致する要素のオフセット (位置) を返すか、設定します。 (つまり、ビューポート座標)

このメソッドによって返されるオブジェクトには、ピクセル単位で測定される、top と left という 2 つの整数プロパティが含まれます。

このメソッドは、表示されている要素に対してのみ機能します。

2.position()

position() メソッドは、親要素を基準とした一致する要素の位置 (オフセット) を返します。 (親要素を基準としたドキュメント座標)

このメソッドによって返されるオブジェクトには、ピクセル単位で測定される、top と left という 2 つの整数プロパティが含まれます。

このメソッドは、表示されている要素に対してのみ機能します。

3.offsetParent()

offsetParent() メソッドは、最も近い先祖に位置する要素を返します。

位置指定要素とは、CSS 位置プロパティが相対、絶対、または固定に設定されている要素を指します。

位置は、jQuery または CSS の位​​置プロパティを通じて設定できます。

2. サイズを取得します

1.width() メソッドと height() メソッド

width() メソッドは、幅を設定または返します。要素 (パディング、ボーダー、マージンは含まれません)。

height() メソッドは、要素の高さを設定または返します (パディング、境界線、またはマージンは含まれません)。

2. innerWidth() メソッドと innerHeight() メソッド

innerWidth() メソッドは要素の幅 (パディングを含む) を返します。

innerHeight() メソッドは、要素の高さ (パディングを含む) を返します。

3. externalWidth() メソッドとouterHeight() メソッド

outerWidth() メソッドは、要素の幅 (パディングとボーダーを含む) を返します。

outerHeight() メソッドは、要素 (パディングとボーダーを含む) の高さを返します。

outerWidth(true) メソッドは、要素の幅 (パディング、ボーダー、マージンを含む) を返します。

outerHeight(true) メソッドは、要素 (パディング、ボーダー、マージンを含む) の高さを返します。