$(document).ready(function(){
var parentOffset = $('#parent').offset();
var childOffset = $('#child').offset();
var top = childOffset.top - parentOffset.top;
var left = childOffset.left - parentOffset.left;
console.log('top: ' + top + ', left: ' + left);
});上面的代碼中,我們先通過offset()方法獲取了父元素和子元素的坐標,然后通過簡單的減法運算,得到了div元素相對于父元素的坐標。最后,我們將坐標打印到控制臺上,方便我們調(diào)試。
下面,我們來看一下如何設置div元素的坐標:
$(document).ready(function(){ $('#child').css({ 'position': 'absolute', 'top': '50px', 'left': '100px' }); });在上面的代碼中,我們使用了css()方法來設置div元素的CSS樣式。通過設置position、top和left屬性,我們可以將div元素移動到頁面的任意位置。 最后,我們要注意一下,在移動div元素時,我們需要確保它的父元素具有定位屬性(即position屬性不為static),否則無法控制div元素的位置。