jQuery中innerHeight()方法用法实例
更新时间：2015年01月19日 08:49:08 投稿：shichen2014
这篇文章主要介绍了jQuery中innerHeight()方法用法,实例分析了innerHeight()方法的功能、定义及获取第一个匹配元素内部区域高度的使用技巧,需要的朋友可以参考下
本文实例讲述了jQuery中innerHeight()方法用法。分享给大家供大家参考。具体分析如下：
获取第一个匹配元素内部区域高度。
包括内补白(padding)、不包括边框border)。
也就是说内部区域的宽度等于width和padding之和。
此方法对可见和隐藏元素均有效。
可以结合innerWidth()方法学习。
语法结构:
复制代码 代码如下:
$(selector).innerHeight()
实例代码:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="https://www.jb51.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数值</p>
<button>点击查看p的innerHeight</button>
</body>
</html>
上面的代码可以将元素的内部区域的高度写入p元素中。
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了JQuery搜索框自动补全(模糊匹配)功能实现示例没使用JQuery UI的autocomplete插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
基于jquery的拖动布局插件，需要的朋友可以参考下。2011-11-11
优秀js开源框架-jQuery使用手册(1)...2007-03-03
这篇文章主要介绍了jQuery unbind()方法,结合实例形式详细分析了unbind方法解除绑定的使用技巧,需要的朋友可以参考下2016-01-01
jQuery实现判断滚动条滚动到document底部的方法分析
这篇文章主要介绍了jQuery实现判断滚动条滚动到document底部的方法,结合实例形式分析了jQuery事件响应及针对页面元素属性判断的相关操作技巧,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了jQuery实现的瀑布流加载效果,结合实例形式分析了jQuery基于数学运算与事件响应实现页面瀑布流加载的功能,需要的朋友可以参考下2016-09-09
如果对于jquery的$()包装器函数还不是很清楚，请先参阅我的上一篇日志：浅析jQuery的链式调用2010-12-12
使用jquery获取url以及jquery获取url参数的实现方法
下面小编就为大家带来一篇使用jquery获取url以及jquery获取url参数的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
Jquery ，大家都熟悉的一个框架，我对Jquery正在学习中，对其影响最深的当属 它的选择器之强,ajax与服务器之间的交谈2009-10-10
这篇文章主要介绍了jQuery中常用的遍历函数用法,以实例形式分析并总结了jquery中常见的遍历函数使用方法与注意事项,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
最新评论