jQuery中innerHeight()方法用法實(shí)例
更新時(shí)間：2015年01月19日 08:49:08 投稿：shichen2014
這篇文章主要介紹了jQuery中innerHeight()方法用法,實(shí)例分析了innerHeight()方法的功能、定義及獲取第一個(gè)匹配元素內(nèi)部區(qū)域高度的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery中innerHeight()方法用法。分享給大家供大家參考。具體分析如下：
獲取第一個(gè)匹配元素內(nèi)部區(qū)域高度。
包括內(nèi)補(bǔ)白(padding)、不包括邊框border)。
也就是說內(nèi)部區(qū)域的寬度等于width和padding之和。
此方法對可見和隱藏元素均有效。
可以結(jié)合innerWidth()方法學(xué)習(xí)。
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(selector).innerHeight()
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://m.fzitv.net/" />
<title>腳本之家</title>
<style type="text/css">
p{
background-color:green;
height:100px;
width:200px;
padding:10px;
border:5px solid red;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").text($("p").innerHeight())
});
});
</script>
</head>
<body>
<p>此處顯示innerHeight數(shù)值</p>
<button>點(diǎn)擊查看p的innerHeight</button>
</body>
</html>
上面的代碼可以將元素的內(nèi)部區(qū)域的高度寫入p元素中。
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
JQuery搜索框自動(dòng)補(bǔ)全(模糊匹配)功能實(shí)現(xiàn)示例
這篇文章主要介紹了JQuery搜索框自動(dòng)補(bǔ)全(模糊匹配)功能實(shí)現(xiàn)示例沒使用JQuery UI的autocomplete插件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-01-01
基于jquery的拖動(dòng)布局插件，需要的朋友可以參考下。2011-11-11
優(yōu)秀js開源框架-jQuery使用手冊(1)...2007-03-03
這篇文章主要介紹了jQuery unbind()方法,結(jié)合實(shí)例形式詳細(xì)分析了unbind方法解除綁定的使用技巧,需要的朋友可以參考下2016-01-01
jQuery實(shí)現(xiàn)判斷滾動(dòng)條滾動(dòng)到document底部的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)判斷滾動(dòng)條滾動(dòng)到document底部的方法,結(jié)合實(shí)例形式分析了jQuery事件響應(yīng)及針對頁面元素屬性判斷的相關(guān)操作技巧,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了jQuery實(shí)現(xiàn)的瀑布流加載效果,結(jié)合實(shí)例形式分析了jQuery基于數(shù)學(xué)運(yùn)算與事件響應(yīng)實(shí)現(xiàn)頁面瀑布流加載的功能,需要的朋友可以參考下2016-09-09
淺析jQuery的鏈?zhǔn)秸{(diào)用之each函數(shù)
如果對于jquery的$()包裝器函數(shù)還不是很清楚，請先參閱我的上一篇日志：淺析jQuery的鏈?zhǔn)秸{(diào)用2010-12-12
使用jquery獲取url以及jquery獲取url參數(shù)的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄褂胘query獲取url以及jquery獲取url參數(shù)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
Jquery Ajax.ashx 高效分頁實(shí)現(xiàn)代碼
Jquery ，大家都熟悉的一個(gè)框架，我對Jquery正在學(xué)習(xí)中，對其影響最深的當(dāng)屬 它的選擇器之強(qiáng),ajax與服務(wù)器之間的交談2009-10-10
jQuery中常用的遍歷函數(shù)用法實(shí)例總結(jié)
這篇文章主要介紹了jQuery中常用的遍歷函數(shù)用法,以實(shí)例形式分析并總結(jié)了jquery中常見的遍歷函數(shù)使用方法與注意事項(xiàng),具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09