jquery中“outerHeight()”與“height()”的區(qū)別是什么?

在jQuery中，獲取元素高度的函數(shù)有3個，其中有outerHeight()和height()。

成都地區(qū)優(yōu)秀IDC服務(wù)器托管提供商(創(chuàng)新互聯(lián)).為客戶提供專業(yè)的四川服務(wù)器托管,四川各地服務(wù)器托管,四川服務(wù)器托管、多線服務(wù)器托管.托管咨詢專線：13518219792

1.height():其高度范圍是所匹配元素的高度height；height()獲取匹配元素集合中的第一個元素的當前計算高度值 或 設(shè)置每一個匹配元素的高度值（帶一個參數(shù)）。

要注意ss('height')和.height()之間的區(qū)別是后者返回一個沒有單位的數(shù)值，前者是返回帶有完整單位的字符串。

2.outerheight():其高度范圍是所匹配元素的高度。獲取元素集合中第一個元素的當前計算高度值,包括padding，border和選擇性的margin。返回一個整數(shù)（不包含“px”）表示的值 ，或如果在一個空集合上調(diào)用該方法，則會返回 null。

outerHeight()函數(shù)的返回值為Number類型，返回第一個匹配元素的外高度。返回外高度時，outerHeight()函數(shù)只以其中第一個匹配的元素為準。如果沒有匹配的元素，則返回null。

jQuery怎么簡單去獲取一個div的高度啊

第一步, 獲取你要得到高度的那個div的jQuery對象, 獲得方法有很多很多種, 具體你可以看一下jQuery API文檔里的選擇器部分, 在這里我只跟你說一個最直接的方法, 通過id獲得: $("#div_id")

第二步, 要看你要得到的是什么高度了, jQuery里現(xiàn)有的三個(其實是兩個)獲得高度的方法是:

1. $("#div_id").height(); // 獲得的是該div本身的高度, (不包含padding,margin,border)

2. $("#div_id").outerHeight(); // 包含該div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)

3. $("#div_id").outerHeight(true); // 包含該div本身的高度, 以及padding,border,margin上下的總高度

jQuery獲取元素寬高

（1）、打點 width（）????????獲取元素的寬

（2）、打點 height（）????????獲取元素的高

（3）、打點 innerWidth（）????獲取包含內(nèi)邊距和內(nèi)容區(qū)域不包含邊框的寬

（4）、打點 innerHeight（）????獲取包含內(nèi)邊距和內(nèi)容區(qū)域不包含邊框的高

（5）、打點 outerWidth（）????獲取包含內(nèi)邊距、內(nèi)容區(qū)域、邊框的寬度

（6）、打點 outerHeight（）????獲取包含內(nèi)邊距、內(nèi)容區(qū)域、邊框的高度

jquery如何獲取元素的滾動條高度等實現(xiàn)代碼

主要功能：

獲取瀏覽器顯示區(qū)域（可視區(qū)域）的高度

：

$(window).height();

獲取瀏覽器顯示區(qū)域（可視區(qū)域）的寬度

：

$(window).width();

獲取頁面的文檔高度

$(document).height();

獲取頁面的文檔寬度

：

$(document).width();

瀏覽器當前窗口文檔body的高度：

$(document.body).height();

瀏覽器當前窗口文檔body的寬度：

$(document.body).width();

獲取滾動條到頂部的垂直高度

(即網(wǎng)頁被卷上去的高度)

$(document).scrollTop();

獲取滾動條到左邊的垂直寬度

：

$(document).scrollLeft();

獲取或設(shè)置元素的寬度：

$(obj).width();

獲取或設(shè)置元素的高度：

$(obj).height();

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

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

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

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

//返回當前頁面高度

function

pageHeight(){

if($.browser.msie){

return

document.compatMode

==

"CSS1Compat"?

document.documentElement.clientHeight

:

document.body.clientHeight;

}else{

return

self.innerHeight;

}

};

//返回當前頁面寬度

function

pageWidth(){

if($.browser.msie){

return

document.compatMode

==

"CSS1Compat"?

document.documentElement.clientWidth

:

document.body.clientWidth;

}else{

return

self.innerWidth;

}

};

以下是其它網(wǎng)友的補充：

獲取瀏覽器顯示區(qū)域的高度

：

$(window).height();

獲取瀏覽器顯示區(qū)域的寬度

：$(window).width();

獲取頁面的文檔高度

：$(document).height();

獲取頁面的文檔寬度

：$(document).width();

獲取滾動條到頂部的垂直高度

：$(document).scrollTop();

獲取滾動條到左邊的垂直寬度

：$(document).scrollLeft();

計算元素位置和偏移量：$(id).offset();

offset方法是一個很有用的方法，它返回包裝集中第一個元素的偏移信息。默認情況下是相對body的偏移信息。結(jié)果包含

top和left兩個屬性。

offset(options,

results)

options.relativeTo指定相對計

算偏移位置的祖先元素。這個元素應該是relative或absolute定位。省略則相對body。

options.scroll是否把

滾動條計算在內(nèi)，默認TRUE

options.padding是否把padding計算在內(nèi)，默認false

options.margin

是否把margin計算在內(nèi)，默認true

options.border是否把邊框計算在內(nèi)，默認true

子頁面控制父頁面：

parent.document.documentElement.scrollTop;

parent.document.documentElement.clientHeight;