ホームページ > 記事 > ウェブフロントエンド > jQueryで要素の座標を取得するにはどうすればよいですか?
jQuery で要素の座標を取得する方法: 1. offset() を使用して、ページ上の要素の絶対 X 座標と Y 座標を取得します。構文 "$(element).offset().top" を使用します。 and "$(element) ).offset().left"; 2. Position() を使用して、親要素を基準とした要素の位置座標を取得します。
[関連する推奨事項: jQuery ビデオ チュートリアル ]
jQuery は要素の座標を取得します
1. ページ上の要素の絶対 X 座標と Y 座標を取得するには、offset() を使用できます:
var X = $(‘#div1’).offset().top; var Y = $(‘#div1’).offset().left;
offset() メソッドは、ドキュメントに対する一致する要素のオフセット (位置) を返すか、設定します。
オフセットを返すために使用される場合: このメソッドは、最初に一致した要素のオフセット座標を返します。 2 つのプロパティ (ピクセル単位の上と左の位置) を持つオブジェクトを返します。
2. 相対 (親要素) 位置を取得します:
var X = $(‘#div1’).position().top; var Y = $(‘#div1’).position().left;
position() メソッドは、最初に一致した要素の (親を基準とした) 位置を返します。要素)。
このメソッドは、2 つのプロパティ (ピクセル単位の上と左の位置) を持つオブジェクトを返します。
プログラミング関連の知識について詳しくは、プログラミング学習をご覧ください。 !
以上がjQueryで要素の座標を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。