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

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

下面我以height()、innerHeight()、outerHeight()三個函數為例,以元素element的盒模型為例來介紹它們之間的區別。
Paste_Image.png
函數 高度范圍
height() content
innerHeight() content+padding
outerHeight() content+padding+border
outerHeight(true) content+padding+border+margin
只有height()函數可用于window或document對象。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

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