Penjajaran dalam jQuery

Untuk bekerja dengan koordinat elemen dalam jQuery terdapat kaedah position dan offset.

Kaedah-kaedah ini berfungsi untuk mendapatkan atau mengubah koordinat semasa elemen dan sebagai hasilnya mengembalikan objek yang mengandungi sifat top dan left.

Ralat dalam pengiraan boleh berlaku jika pengguna menukar saiz halaman. Juga, kaedah tidak mendapatkan koordinat elemen tersembunyi.

Kaedah offset mendapatkan posisi elemen relatif kepada dokumen, manakala position mendapatkan posisi elemen relatif kepada inden induk.

Katakan kita mempunyai kod HTML berikut:

<div id="parent">
<p id="test">teks</p>
</div>
<p id="text1"></p>
<p id="text2"></p>

Gaya CSS dikaitkan dengan perenggan:

#parent {
	width: 150px;
	border: 1px solid blueviolet;
}
#test {
	margin: 5px;
	text-align: center;
	outline: 1px solid green;
}

Mari kita dapatkan posisi div test dengan kaedah-kaedah ini, dan, dengan merujuk kepada kunci objek yang diperoleh, paparkan maklumat ini di bawah dalam perenggan:

let offset = $('#test').offset();
$('#text1').text(
	'(OFFSET()) left: ' + offset.left + ', top: ' + offset.top
);
let position = $('#test').position();
$('#text2').text(
	'(POSITION()) left: ' + position.left + ', top: ' + position.top
);