jquery獲取元素各種寬高及頁面寬高

如何使用jquery來獲取網頁里各種高度？ 示例如下：

$(document).ready(function(){ 2     var divWidth = $("#div").width(),//width()返回元素的寬高，不包括padding/border/margin
        divInnerWidth = $("#div").innerWidth(),//innerWidth()返回元素的寬高 + padding
        divOuterWidth = $("#div").outerWidth(),//outerWidth()返回元素的寬高 + padding + border
        divouterWidthTrue = $("#div").outerWidth(true);//outerWidth(true)返回元素寬高 + padding + border + margin
    console.log(divWidth,divInnerWidth,divOuterWidth,divOuterWidthTrue);
})

 

// 獲取瀏覽器顯示區域（可視區域）的高度 ：
$(window).height();

// 獲取瀏覽器顯示區域（可視區域）的寬度 ：
$(window).width();

// 獲取頁面的文檔高度
$(document).height();

// 獲取頁面的文檔寬度 ：
$(document).width();

// 瀏覽器當前窗口文檔body的高度：
$(document.body).height();

// 瀏覽器當前窗口文檔body的寬度：
$(document.body).width();

// 獲取滾動條到頂部的垂直高度 (即網頁被卷上去的高度)
$(document).scrollTop();

// 獲取滾動條到左邊的垂直寬度 ：
$(document).scrollLeft();

// 獲取或設置元素的寬度：
$(obj).width();

// 獲取或設置元素的高度：
$(obj).height();

// 某個元素的上邊界到body最頂部的距離：
$(obj).offset().top;   // （在元素的包含元素不含滾動條的情況下）

// 某個元素的左邊界到body最左邊的距離：
$(obj).offset().left; // （在元素的包含元素不含滾動條的情況下）

// 返回當前元素的上邊界到它的包含元素的上邊界的偏移量
$(obj).offset().top // (在元素的包含元素含滾動條的情況下）

// 返回當前元素的左邊界到它的包含元素的左邊界的偏移量
$(obj).offset().left // （在元素的包含元素含滾動條的情況下）