在使用 jQuery 進行 DOM 操作時,經常需要獲取某個div
距離頂部的距離,這個操作也非常簡單。
var distance = $("div").offset().top;
以上代碼中,我們使用了offset()
方法來獲取div
距離文檔頂部的偏移量,而top
屬性則返回了相應的距離值。
如果我們需要獲取多個div
元素距離頂部的距離,也可以使用循環來處理:
$("div").each(function() {
var distance = $(this).offset().top;
console.log(distance);
});
以上代碼中,我們首先使用each()
方法遍歷所有的div
元素,然后針對每個元素獲取其距離頂部的距離并打印到控制臺上。
總之,獲取div
元素距離頂部的距離是一個非常基礎的操作,掌握了這個技巧后,我們可以更加輕松地進行頁面布局、動畫效果等操作。