jQuery 獲取元素高度的方法

轉(zhuǎn)載:https://zhidao.baidu.com/question/535778314.html

在jQuery中,width()方法用于獲得元素寬度吼畏;innerWidth()方法用于獲得包括內(nèi)邊界(padding)的元素寬度丢胚,outerWidth()方法用于獲得包括內(nèi)邊界(padding)和邊框(border)的元素寬度瑰谜,如果outerWidth()方法的參數(shù)為true則外邊界(margin)也會(huì)被包括進(jìn)..

jQuery中的.height()倦蚪、.innerHeight()和.outerHeight()和W3C的盒模型相關(guān)的幾個(gè)獲取元素尺寸的方法碉碉。對(duì)應(yīng)的寬度獲取方法分別為.width()、.innerWidth()和.outerWidth()凉夯,在此不詳述货葬。

1. .height()

獲取匹配元素集合中的第一個(gè)元素的當(dāng)前計(jì)算高度值 或 設(shè)置每一個(gè)匹配元素的高度值(帶一個(gè)參數(shù))采幌。

注意:1).css('height')和.height()之間的區(qū)別是后者返回一個(gè)沒(méi)有單位的數(shù)值(例如,400)震桶,前者是返回帶有完整單位的字符串(例如休傍,400px)。

2).height()總是返回內(nèi)容寬度,不管CSSbox-sizing屬性值蹲姐。.height('value')設(shè)置的容器寬度是根據(jù)CSSbox-sizing屬性來(lái)定的, 將這個(gè)屬性值改成border-box磨取,將造成這個(gè)函數(shù)改變這個(gè)容器的outer

Height,而不是原來(lái)的內(nèi)容高度柴墩。

2. .innerHeight()

為匹配的元素集合中獲取第一個(gè)元素的當(dāng)前計(jì)算高度值,包括padding忙厌,但是不包括border。

3. .outerHeight()

獲取元素集合中第一個(gè)元素的當(dāng)前計(jì)算高度值,包括padding江咳,border和選擇性的margin逢净。返回一個(gè)整數(shù)(不包含“px”)表示的值 ,或如果在一個(gè)空集合上調(diào)用該方法歼指,則會(huì)返回 null爹土。

在.outerHeight()計(jì)算中總是包含padding-top ,padding-bottom 和 border-top,border-bottom踩身;如果includeMargin參數(shù)是true胀茵,那么margin (top 和 bottom)也會(huì)被包含。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末惰赋,一起剝皮案震驚了整個(gè)濱河市宰掉,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌赁濒,老刑警劉巖轨奄,帶你破解...
    沈念sama閱讀 222,946評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異拒炎,居然都是意外死亡挪拟,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,336評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門击你,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)玉组,“玉大人,你說(shuō)我怎么就攤上這事丁侄」喏ǎ” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 169,716評(píng)論 0 364
  • 文/不壞的土叔 我叫張陵鸿摇,是天一觀的道長(zhǎng)石景。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么潮孽? 我笑而不...
    開(kāi)封第一講書人閱讀 60,222評(píng)論 1 300
  • 正文 為了忘掉前任揪荣,我火速辦了婚禮,結(jié)果婚禮上往史,老公的妹妹穿的比我還像新娘仗颈。我一直安慰自己,他們只是感情好椎例,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,223評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布挨决。 她就那樣靜靜地躺著,像睡著了一般粟矿。 火紅的嫁衣襯著肌膚如雪凰棉。 梳的紋絲不亂的頭發(fā)上损拢,一...
    開(kāi)封第一講書人閱讀 52,807評(píng)論 1 314
  • 那天陌粹,我揣著相機(jī)與錄音,去河邊找鬼福压。 笑死掏秩,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的荆姆。 我是一名探鬼主播蒙幻,決...
    沈念sama閱讀 41,235評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼胆筒!你這毒婦竟也來(lái)了邮破?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 40,189評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤仆救,失蹤者是張志新(化名)和其女友劉穎抒和,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體彤蔽,經(jīng)...
    沈念sama閱讀 46,712評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡摧莽,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,775評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了顿痪。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片镊辕。...
    茶點(diǎn)故事閱讀 40,926評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖蚁袭,靈堂內(nèi)的尸體忽然破棺而出征懈,到底是詐尸還是另有隱情,我是刑警寧澤揩悄,帶...
    沈念sama閱讀 36,580評(píng)論 5 351
  • 正文 年R本政府宣布卖哎,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏棉饶。R本人自食惡果不足惜厦章,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,259評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望照藻。 院中可真熱鬧袜啃,春花似錦、人聲如沸幸缕。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 32,750評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)发乔。三九已至熟妓,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間栏尚,已是汗流浹背起愈。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,867評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留译仗,地道東北人抬虽。 一個(gè)月前我還...
    沈念sama閱讀 49,368評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像纵菌,于是被迫代替她去往敵國(guó)和親阐污。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,930評(píng)論 2 361