jQuery中innerHeight()方法用法實例
本文實例講述了jQuery中innerHeight()方法用法。分享給大家供大家參考。具體分析如下:
獲取第一個匹配元素內部區(qū)域高度。
包括內補白(padding)、不包括邊框border)。
也就是說內部區(qū)域的寬度等于width和padding之和。
此方法對可見和隱藏元素均有效。
可以結合innerWidth()方法學習。
語法結構:
實例代碼:
<!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>
上面的代碼可以將元素的內部區(qū)域的高度寫入p元素中。
希望本文所述對大家的jQuery程序設計有所幫助。
相關文章
jquery判斷字符輸入個數(shù)(數(shù)字英文長度記為1,中文記為2,超過長度自動截取)
jquery判斷字符輸入個數(shù)(數(shù)字英文長度記為1,中文記為2,超過長度自動截?。?2010-10-10使用jquery局部刷新(jquery.load)從數(shù)據(jù)庫取出數(shù)據(jù)
jquery提供了很好的ajax交互,我這里用的是直接返回字符串,用的是jquery.load方法從數(shù)據(jù)庫取出的數(shù)據(jù)2014-01-01Jquery實現(xiàn)列表(隔行換色,全選,鼠標滑過當前行)效果實例
Jquery實現(xiàn)列表(隔行換色,全選,鼠標滑過當前行)效果實例,需要的朋友可以參考一下2013-06-06jQuery實現(xiàn)可編輯表格并生成json結果(實例代碼)
這篇文章主要介紹了 jquery實現(xiàn)可編輯表格并生成json結果,該代碼解析和加載功能都用前端js實現(xiàn),簡化了后臺代碼邏輯,非常不錯,具有參考借鑒加載,需要的朋友可以參考下2017-07-07