Jquery 的outerHeight方法使用介紹

更新時(shí)間：2013年09月11日 17:26:16 作者：

獲取第一個(gè)匹配元素外部高度默認(rèn)包括補(bǔ)白和邊框，在本文將為大家介紹下具體的實(shí)現(xiàn)代碼，此方法對(duì)可見(jiàn)和隱藏元素均有效，感興趣的朋友可以了解下

獲取第一個(gè)匹配元素外部高度（默認(rèn)包括補(bǔ)白和邊框）。

此方法對(duì)可見(jiàn)和隱藏元素均有效。

outerHeight(options)

optionsBoolean默認(rèn)值:'false'

設(shè)置為 true 時(shí)，計(jì)算邊距在內(nèi)。

描述:
獲取第一段落外部高度。

HTML 代碼:

復(fù)制代碼代碼如下:

Hello2nd Paragraph

jQuery 代碼:

復(fù)制代碼代碼如下:

 
var p = $("p:first"); 
$("p:last").text( "outerHeight:" + p.outerHeight() + " , outerHeight(true):" + p.outerHeight(true) ); 

結(jié)果:

復(fù)制代碼代碼如下:

HelloouterHeight: 35 , outerHeight(true):55

您可能感興趣的文章:

相關(guān)文章

jquery實(shí)現(xiàn)點(diǎn)擊消失的代碼
這篇文章主要介紹了jquery如何實(shí)現(xiàn)點(diǎn)擊消失,需要的朋友可以參考下
2014-03-03
jQuery獲取動(dòng)態(tài)添加元素的方法詳解
這篇文章主要介紹了jQuery獲取動(dòng)態(tài)添加元素的方法詳解,jQuery 是一個(gè)高效、精簡(jiǎn)并且功能豐富的 JavaScript 工具庫(kù),它提供的 API 易于使用且兼容眾多瀏覽器，這讓諸如 HTML 文檔遍歷和操作、事件處理、動(dòng)畫(huà)和 Ajax 操作更加簡(jiǎn)單,需要的朋友可以參考下
2023-08-08
jquery使用slideDown實(shí)現(xiàn)模塊緩慢拉出效果的方法
這篇文章主要介紹了jquery使用slideDown實(shí)現(xiàn)模塊緩慢拉出效果的方法,涉及slideDown方法操作模塊展示效果的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
jQuery+jRange實(shí)現(xiàn)滑動(dòng)選取數(shù)值范圍特效
本文向大家介紹一款范圍選擇器插件jRange，它是基于jQuery的一款簡(jiǎn)單插件。本站之前有類(lèi)似文章：jQuery+CSS使用滑塊選取價(jià)格范圍，其中不太好的地方是使用了jqueryui龐大的插件庫(kù)，有興趣的朋友可以看看。下面我們來(lái)看下插件jRange的使用。
2015-03-03
基于jQuery的實(shí)現(xiàn)簡(jiǎn)單的分頁(yè)控件
分頁(yè)控件需要向后臺(tái)發(fā)送請(qǐng)求，發(fā)送的參數(shù)包括當(dāng)前頁(yè)，每頁(yè)顯示數(shù)量，查詢(xún)條件；并且獲取數(shù)據(jù)加載到當(dāng)前頁(yè)面
2010-10-10
jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
這篇文章主要介紹了jquery序列化form表單,使用ajax提交后處理返回的json數(shù)據(jù)的示例,需要的朋友可以參考下
2014-03-03
jQuery幻燈片帶縮略圖輪播效果代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)幻燈片帶縮略圖輪播特效,圖片可以自行替換，推薦給大家，有需要的小伙伴可以參考下
2015-08-08
jQuery中ready事件用法實(shí)例
這篇文章主要介紹了jQuery中ready事件用法,實(shí)例分析了ready事件的功能、定義及文檔加載就緒以后觸發(fā)的具體使用技巧,需要的朋友可以參考下
2015-01-01
javaScript和jQuery自動(dòng)加載簡(jiǎn)單代碼實(shí)現(xiàn)方法
給大家介紹一下利用javaScript和jQuery實(shí)現(xiàn)自動(dòng)加載最簡(jiǎn)單的代碼寫(xiě)法。
2017-11-11
jQuery實(shí)現(xiàn)通過(guò)方向鍵控制div塊上下左右移動(dòng)的方法【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)通過(guò)方向鍵控制div塊上下左右移動(dòng)的方法,涉及jQuery結(jié)合鍵盤(pán)事件響應(yīng)動(dòng)態(tài)修改頁(yè)面元素屬性相關(guān)操作技巧,需要的朋友可以參考下
2018-04-04