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é)構:
復制代碼 代碼如下:
$(selector).innerHeight()
實例代碼:
復制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<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程序設計有所幫助。
相關文章
功能強大的 jquery 表單驗證插件，適用于日常的 E-mail、電話號碼、網(wǎng)址等驗證及 Ajax 驗證，除自身擁有豐富的驗證規(guī)則外，還可以添加自定義的驗證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+2015-04-04
這篇文章主要介紹了jQuery實現(xiàn)的模仿雨滴下落動畫效果,涉及jQuery結(jié)合時間函數(shù)動態(tài)修改頁面元素屬性相關操作技巧,需要的朋友可以參考下2018-12-12
這篇文章主要介紹了easyui 切換主題皮膚方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
使用jquery局部刷新(jquery.load)從數(shù)據(jù)庫取出數(shù)據(jù)
jquery提供了很好的ajax交互，我這里用的是直接返回字符串，用的是jquery.load方法從數(shù)據(jù)庫取出的數(shù)據(jù)
2014-01-01 
下面小編就為大家?guī)硪黄猨Query實現(xiàn)選中行變色效果(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07 
Jquery實現(xiàn)列表(隔行換色,全選,鼠標滑過當前行)效果實例
Jquery實現(xiàn)列表(隔行換色,全選,鼠標滑過當前行)效果實例，需要的朋友可以參考一下
2013-06-06 
jQuery實現(xiàn)可編輯表格并生成json結(jié)果(實例代碼)
這篇文章主要介紹了 jquery實現(xiàn)可編輯表格并生成json結(jié)果,該代碼解析和加載功能都用前端js實現(xiàn)，簡化了后臺代碼邏輯，非常不錯，具有參考借鑒加載，需要的朋友可以參考下
2017-07-07 
這篇文章主要介紹了jQuery實現(xiàn)的老虎機跑動效果,涉及jQuery事件響應以及結(jié)合時間函數(shù)動態(tài)操作頁面元素相關實現(xiàn)技巧,需要的朋友可以參考下
2018-12-12 
在JS中設置節(jié)點的屬性與屬性值用到setAttribute(),獲得節(jié)點的屬性與屬性值用到getAttribute(),而在jquery中，只需要用到attr()這個函數(shù)就可以了。attr是attribute（屬性）的縮寫。
2016-09-09