jQuery offset函數可以用來獲取頁面上指定元素的相對于文檔的偏移量。
//獲取id為box的元素相對于文檔的偏移量 var offset = $('#box').offset(); console.log(offset); // { top: 200, left: 300 }
該函數返回一個包含元素相對于文檔的上下左右偏移量的對象。該對象具有兩個屬性,分別是top和left。
如果我們想要設置某個元素的位置,也可以使用offset函數。
//將id為box的元素移動到文檔左上角 $('#box').offset({ top: 0, left: 0 });
以上代碼可以將id為box的元素移動到文檔的左上角。
另外,offset函數還可以傳入一個布爾值參數,用來控制是否相對于父元素計算偏移量。
//獲取id為box的元素相對于父元素的偏移量 var offset = $('#box').offset(true); console.log(offset); // { top: 20, left: 30 }
如果傳入true,則獲取的是元素相對于其父元素的偏移量。以上代碼可以得到id為box的元素相對于其父元素的上下左右偏移量。
總之,jQuery offset函數可以非常方便地獲取和設置元素的相對于文檔或父元素的偏移量,是一個非常實用的函數。