jQuery'де позициялоо

jQuery'де элементтердин координаттары менен иштөө үчүн position жана offset методдору бар.

Бул методдор элементтин учурдагы координаттарын алуу же өзгөртүү үчүн кызмат кылат жана натыйжада top жана left касиеттерин камтыган объектти кайтарат.

Эсептөөлөрдө каталар пайда болушу мүмкүн, эгер колдонуучу барактын өлчөмүн өзгөртсө. Ошондой эле методдор жашырылган элементтердин координаттарын ала албайт.

offset методу элементтин позициясын документке карата алат, ал эми position методу элементтин позициясын ата-энесинин тараптагы кенейтүүлөрүнө карата алат.

Бизде төмөнкү HTML коду бар деп коёлу:

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

Абзацтарга CSS стилдери байланыштырылган:

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

Келгиле, test дивинин позициясын ушул методдор менен алалы, жана алынган объекттин ачкычтарына кайрылып, бул маалыматты төмөнкү абзацтарга чыгаралы:

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
);