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插件fancybox無(wú)法在彈出層使用左右鍵的解決辦法
本篇文章主要是對(duì)JQuery插件fancybox無(wú)法在彈出層使用左右鍵的解決辦法進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12jQuery 常見(jiàn)學(xué)習(xí)網(wǎng)站與參考書(shū)
打算學(xué)習(xí)jquery的朋友可以參下如下網(wǎng)上,參考書(shū)嗎,可以看下 鋒利的jquery腳本之家提供電子版下載。2009-11-11jQuery 全選 全部選 反選 實(shí)現(xiàn)代碼
上次做了一個(gè)前端項(xiàng)目,其中有功能要求實(shí)現(xiàn)jquery 全選和反選功能,下面小編抽個(gè)時(shí)間把實(shí)現(xiàn)代碼分享到腳本之家平臺(tái)供大家參考下2016-08-08jQuery文字提示與圖片提示效果實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery文字提示與圖片提示效果實(shí)現(xiàn)方法,涉及jQuery針對(duì)鼠標(biāo)事件的響應(yīng)與頁(yè)面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-07-07jquery獲取對(duì)象的方法足以應(yīng)付常見(jiàn)的各種類型的對(duì)象
獲取對(duì)象是比較常見(jiàn)的操作了,因?yàn)橄胍僮饕粋€(gè)對(duì)象之前,一定要先獲取,這是必須的,下面整理了常見(jiàn)對(duì)象的獲取方法,希望對(duì)大家有所幫助2014-05-05springmvc接收jquery提交的數(shù)組數(shù)據(jù)代碼分享
這篇文章主要介紹了springmvc接收jquery提交的數(shù)組數(shù)據(jù)代碼分享,還是比較不錯(cuò)的,這里分享給大家,供需要的朋友參考。2017-10-10使用jQuery操作Cookies的實(shí)現(xiàn)代碼
Cookies是一種能夠讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲(chǔ)存到客戶端的硬盤(pán)或內(nèi)存,或是從客戶端的硬盤(pán)讀取數(shù)據(jù)的一種技術(shù)2011-10-10