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遮罩層的動態(tài)創(chuàng)建與使用技巧,需要的朋友可以參考下2016-09-09
基于jquery鼠標點擊其它地方隱藏層的實例代碼，需要的朋友可以參考下。2011-01-01
javascript基于jQuery的表格懸停變色/恢復,表格點擊變色/恢復,點擊行選Checkbox
jQuery的表格懸停變色 恢復,表格點擊變色/恢復,點擊行選Checkbox2008-08-08
輕松學習jQuery插件EasyUI EasyUI實現拖動基本操作
這篇文章主要幫大家輕松學習jQuery插件EasyUI，并利用EasyUI實現拖動基本操作，文章并提供了一個學校課程表簡單實例，感興趣的小伙伴們可以參考一下2015-11-11