jQuery之height()、innerHeight()、outerHeight()函數(shù)

在jQuery中,獲取元素高度的函數(shù)有3個(gè),它們分別是height()、innerHeight()、outerHeight()
與此相對應(yīng)的是,獲取元素寬度的函數(shù)也有3個(gè),它們分別是width()、innerWidth()、outerWidth()

下面我以height()、innerHeight()、outerHeight()三個(gè)函數(shù)為例,以元素element的盒模型為例來介紹它們之間的區(qū)別。
Paste_Image.png
函數(shù) 高度范圍
height() content
innerHeight() content+padding
outerHeight() content+padding+border
outerHeight(true) content+padding+border+margin
只有height()函數(shù)可用于window或document對象。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、懶加載 1.什么是懶加載 目前,網(wǎng)絡(luò)上各大論壇,尤其是一些圖片類型的網(wǎng)站上,在圖片加載時(shí)均采用了一種名為懶加載...
    徐國軍_plus閱讀 1,315評論 0 5
  • 通過jQuery,您可以選取(查詢,query)HTML元素,并對它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 731評論 0 3
  • DOM操作可分為3個(gè)方面:DOM Core(核心)、HTML DOM和CSS DOM(1)DOM Core不屬于J...
    寒橋閱讀 616評論 0 1
  • 什么是 BOM ? 1.瀏覽器對象模型 Browser Object Model 2.BOM的核心對象是windo...
    WeekOne閱讀 484評論 0 2
  • 2017 11.2 馬上來到期中考試了,各班老師都給孩子做了幾份測試卷。昨天孩子放學(xué)回家,看了一會(huì)題,考的不是很理...
    萱寶_a664閱讀 259評論 0 0

友情鏈接更多精彩內(nèi)容