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 代碼:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代碼:
var p = $("p:first");
$("p:last").text( "outerHeight:" + p.outerHeight() + " , outerHeight(true):" + p.outerHeight(true) );
結(jié)果:
<p>Hello</p><p>outerHeight: 35 , outerHeight(true):55</p>
此方法對(duì)可見(jiàn)和隱藏元素均有效。
outerHeight(options)
optionsBoolean默認(rèn)值:'false'
設(shè)置為 true 時(shí)，計(jì)算邊距在內(nèi)。
描述:
獲取第一段落外部高度。
HTML 代碼:
復(fù)制代碼 代碼如下:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代碼:
復(fù)制代碼 代碼如下:
var p = $("p:first");
$("p:last").text( "outerHeight:" + p.outerHeight() + " , outerHeight(true):" + p.outerHeight(true) );
結(jié)果:
復(fù)制代碼 代碼如下:
<p>Hello</p><p>outerHeight: 35 , outerHeight(true):55</p>
您可能感興趣的文章:
- jQuery中outerHeight()方法用法實(shí)例
- jQuery中的height innerHeight outerHeight區(qū)別示例介紹
- jQuery幫助之CSS尺寸(五)outerHeight、outerWidth
- jQuery中outerWidth()方法用法實(shí)例
- jQuery獲得document和window對(duì)象寬度和高度的方法
- jQuery設(shè)置指定網(wǎng)頁(yè)元素寬度和高度的方法
- Jquery實(shí)現(xiàn)鼠標(biāo)移動(dòng)放大圖片功能實(shí)例
- jQuery獲得包含margin的outerWidth和outerHeight的方法
相關(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)畫和 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)單插件。本站之前有類似文章：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ù)量，查詢條件；并且獲取數(shù)據(jù)加載到當(dāng)前頁(yè)面2010-10-10
jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
這篇文章主要介紹了jquery序列化form表單,使用ajax提交后處理返回的json數(shù)據(jù)的示例,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了jQuery實(shí)現(xiàn)幻燈片帶縮略圖輪播特效,圖片可以自行替換，推薦給大家，有需要的小伙伴可以參考下2015-08-08
這篇文章主要介紹了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)單的代碼寫法。2017-11-11
jQuery實(shí)現(xiàn)通過(guò)方向鍵控制div塊上下左右移動(dòng)的方法【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)通過(guò)方向鍵控制div塊上下左右移動(dòng)的方法,涉及jQuery結(jié)合鍵盤事件響應(yīng)動(dòng)態(tài)修改頁(yè)面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2018-04-04