ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryで要素の座標を取得するにはどうすればよいですか?

jQueryで要素の座標を取得するにはどうすればよいですか?

青灯夜游
リリース: 2020-11-17 11:06:29
オリジナル
3989 人が閲覧しました

jQuery で要素の座標を取得する方法: 1. offset() を使用して、ページ上の要素の絶対 X 座標と Y 座標を取得します。構文 "$(element).offset().top" を使用します。 and "$(element) ).offset().left"; 2. Position() を使用して、親要素を基準とした要素の位置座標を取得します。

jQueryで要素の座標を取得するにはどうすればよいですか?

[関連する推奨事項: 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート