jQuery中innerHeight()方法用法實(shí)例
本文實(shí)例講述了jQuery中innerHeight()方法用法。分享給大家供大家參考。具體分析如下:
獲取第一個(gè)匹配元素內(nèi)部區(qū)域高度。
包括內(nèi)補(bǔ)白(padding)、不包括邊框border)。
也就是說內(nèi)部區(qū)域的寬度等于width和padding之和。
此方法對(duì)可見和隱藏元素均有效。
可以結(jié)合innerWidth()方法學(xué)習(xí)。
語法結(jié)構(gòu):
實(shí)例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://chabaoo.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>點(diǎn)擊查看p的innerHeight</button>
</body>
</html>
上面的代碼可以將元素的內(nèi)部區(qū)域的高度寫入p元素中。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jquery Validation表單驗(yàn)證使用詳解
功能強(qiáng)大的 jquery 表單驗(yàn)證插件,適用于日常的 E-mail、電話號(hào)碼、網(wǎng)址等驗(yàn)證及 Ajax 驗(yàn)證,除自身擁有豐富的驗(yàn)證規(guī)則外,還可以添加自定義的驗(yàn)證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+2015-04-04jQuery實(shí)現(xiàn)的模仿雨滴下落動(dòng)畫效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)的模仿雨滴下落動(dòng)畫效果,涉及jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)修改頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2018-12-12jquery判斷字符輸入個(gè)數(shù)(數(shù)字英文長度記為1,中文記為2,超過長度自動(dòng)截?。?/a>
jquery判斷字符輸入個(gè)數(shù)(數(shù)字英文長度記為1,中文記為2,超過長度自動(dòng)截?。?2010-10-10使用jquery局部刷新(jquery.load)從數(shù)據(jù)庫取出數(shù)據(jù)
jquery提供了很好的ajax交互,我這里用的是直接返回字符串,用的是jquery.load方法從數(shù)據(jù)庫取出的數(shù)據(jù)2014-01-01jQuery實(shí)現(xiàn)選中行變色效果(實(shí)例講解)
下面小編就為大家?guī)硪黄猨Query實(shí)現(xiàn)選中行變色效果(實(shí)例講解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07Jquery實(shí)現(xiàn)列表(隔行換色,全選,鼠標(biāo)滑過當(dāng)前行)效果實(shí)例
Jquery實(shí)現(xiàn)列表(隔行換色,全選,鼠標(biāo)滑過當(dāng)前行)效果實(shí)例,需要的朋友可以參考一下2013-06-06jQuery實(shí)現(xiàn)可編輯表格并生成json結(jié)果(實(shí)例代碼)
這篇文章主要介紹了 jquery實(shí)現(xiàn)可編輯表格并生成json結(jié)果,該代碼解析和加載功能都用前端js實(shí)現(xiàn),簡化了后臺(tái)代碼邏輯,非常不錯(cuò),具有參考借鑒加載,需要的朋友可以參考下2017-07-07jQuery實(shí)現(xiàn)的老虎機(jī)跑動(dòng)效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的老虎機(jī)跑動(dòng)效果,涉及jQuery事件響應(yīng)以及結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作頁面元素相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-12-12jquery attr()設(shè)置和獲取屬性值實(shí)例教程
在JS中設(shè)置節(jié)點(diǎn)的屬性與屬性值用到setAttribute(),獲得節(jié)點(diǎn)的屬性與屬性值用到getAttribute(),而在jquery中,只需要用到attr()這個(gè)函數(shù)就可以了。attr是attribute(屬性)的縮寫。2016-09-09