jQuery使用height()获取高度需要注意的地方
更新时间：2014年12月13日 11:42:12 投稿：shichen2014
这篇文章主要介绍了jQuery使用height()获取高度需要注意的地方,对于display:none或者隐藏的部分无法获取到其高度,这是使用jQuery的height方法需要注意的地方,需要的朋友可以参考下
本文实例分析了jQuery使用height()获取高度需要注意的地方。分享给大家供大家参考。具体分析如下：
jQuery脚本如下：
复制代码 代码如下:
var aNode = $('#demo');
var height = aNode.height(); //如果在获取height前，aNode已经是display:none 或者说 aNode是隐藏的，那么获取不到aNode的高度
console.log(height);
var height = aNode.height(); //如果在获取height前，aNode已经是display:none 或者说 aNode是隐藏的，那么获取不到aNode的高度
console.log(height);
HTML页面如下：
复制代码 代码如下:
<div id="demo" style="display:none">此处是隐藏的，获取不到高度！</div>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
这篇文章主要为大家详细介绍了jquery+springboot文件上传，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
这篇文章主要介绍了jQuery实现的跨容器无缝拖动效果代码,可实现容器的任意添加与拖动功能,涉及jQuery UI插件的使用技巧,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了jQuery自带的一些常用方法总结,包括$.trim 、$.contains、$.each、$.map、$.inArray、$.extend等,需要的朋友可以参考下2014-09-09
本文以示例的方式为大家介绍下jquery sortable的拖动方法的具体实现，感兴趣的朋友可以参考下2014-01-01
这篇文章主要介绍了jQuery实现首页图片淡入淡出效果的方法,实例分析了jQuery图片淡入淡出效果的相关使用技巧,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了jQuery使用正则验证15/18身份证的方法,涉及jQuery基于正则进行数字字符串验证相关操作技巧,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了jQuery弹出遮罩层效果,结合完整实例形式分析了jQuery遮罩层的动态创建与使用技巧,需要的朋友可以参考下2016-09-09
基于jquery鼠标点击其它地方隐藏层的实例代码，需要的朋友可以参考下。2011-01-01
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
jQuery的表格悬停变色 恢复,表格点击变色/恢复,点击行选Checkbox2008-08-08
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
这篇文章主要帮大家轻松学习jQuery插件EasyUI，并利用EasyUI实现拖动基本操作，文章并提供了一个学校课程表简单实例，感兴趣的小伙伴们可以参考一下2015-11-11
最新评论