jQuery mendapatkan koordinat elemen

cara menggunakan jQuery untuk mendapatkan koordinat elemen

JQuery menyediakan pelbagai cara untuk mendapatkan maklumat koordinat elemen.

1. Unsur induk mengimbangi merujuk kepada elemen nenek moyang yang terdekat dengan kaedah kedudukan bukan . .position() 2. static

<code class="language-javascript">var pos = $('#wrapper').position();
console.dir(pos);
// 输出：left: 0, top: 20</code>

3. .offset() 4.

<code class="language-javascript">var offset = $('#wrapper').offset();
console.dir(offset);
// 输出：left: 70, top: 40</code>

NOTA: Fungsi ini tidak cekap kerana ia mengganggu operasi rantai jQuery. .offset() left soalan yang sering ditanya mengenai koordinat dan elemen jQuery (FAQ) top

<code class="language-javascript">var elem = $("#wrapper");
var x = elem.offset().left;
var y = elem.offset().top;
console.log('x: ' + x + ' y: ' + y);
// 输出：x: 70 y: 40</code>

Q1: Bagaimana menggunakan jQuery untuk mendapatkan koordinat elemen relatif terhadap dokumen?

getCoord() Gunakan kaedah . Kaedah ini mengembalikan objek yang mengandungi sifat

dan

<code class="language-javascript">jQuery.fn.getCoord = function() {
  var elem = $(this);
  var x = elem.offset().left;
  var y = elem.offset().top;
  console.log('x: ' + x + ' y: ' + y);
  // 输出：x: 70 y: 40
  return {
    "x": x,
    "y": y
  };
};

$('#wrapper').getCoord();
// 输出：Object { x: 70, y: 40 }</code>

, masing -masing, mewakili kedudukan menegak dan mendatar elemen berbanding dengan dokumen.

getCoord() Q2: Apakah perbezaan antara

dan

kaedah dalam jQuery?

Mengembalikan koordinat elemen relatif terhadap elemen induk offsetnya;

Q3: Bagaimana untuk menetapkan koordinat elemen menggunakan jQuery? .offset() top left Gunakan kaedah

untuk menggabungkan objek yang mengandungi atribut

<code class="language-javascript">var position = $("#element").offset();
console.log("元素位于: " + position.left + ", " + position.top);</code>

dan

. .position() .offset() Q4: Bagaimana menggunakan jQuery untuk mendapatkan koordinat mutlak unsur?

.position() Gunakan kaedah .offset() untuk mendapatkan koordinat mutlak elemen (berbanding dengan dokumen).

Q5: Bagaimana menggunakan jQuery untuk mendapatkan koordinat elemen relatif terhadap elemen induknya?

Gunakan kaedah .offset(). top

Atas ialah kandungan terperinci jQuery mendapatkan koordinat elemen. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!