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