jQuery使用height()獲取高度需要注意的地方
更新時(shí)間：2014年12月13日 11:42:12 投稿：shichen2014
這篇文章主要介紹了jQuery使用height()獲取高度需要注意的地方,對(duì)于display:none或者隱藏的部分無法獲取到其高度,這是使用jQuery的height方法需要注意的地方,需要的朋友可以參考下
本文實(shí)例分析了jQuery使用height()獲取高度需要注意的地方。分享給大家供大家參考。具體分析如下：
jQuery腳本如下：
復(fù)制代碼 代碼如下:
var aNode = $('#demo');
var height = aNode.height(); //如果在獲取height前，aNode已經(jīng)是display:none 或者說 aNode是隱藏的，那么獲取不到aNode的高度
console.log(height);
var height = aNode.height(); //如果在獲取height前，aNode已經(jīng)是display:none 或者說 aNode是隱藏的，那么獲取不到aNode的高度
console.log(height);
HTML頁面如下：
復(fù)制代碼 代碼如下:
<div id="demo" style="display:none">此處是隱藏的，獲取不到高度！</div>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jquery+springboot實(shí)現(xiàn)文件上傳功能
這篇文章主要為大家詳細(xì)介紹了jquery+springboot文件上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
jQuery實(shí)現(xiàn)的跨容器無縫拖動(dòng)效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的跨容器無縫拖動(dòng)效果代碼,可實(shí)現(xiàn)容器的任意添加與拖動(dòng)功能,涉及jQuery UI插件的使用技巧,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了jQuery自帶的一些常用方法總結(jié),包括$.trim 、$.contains、$.each、$.map、$.inArray、$.extend等,需要的朋友可以參考下2014-09-09
jquery sortable的拖動(dòng)方法示例詳解
本文以示例的方式為大家介紹下jquery sortable的拖動(dòng)方法的具體實(shí)現(xiàn)，感興趣的朋友可以參考下2014-01-01
jQuery實(shí)現(xiàn)首頁圖片淡入淡出效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)首頁圖片淡入淡出效果的方法,實(shí)例分析了jQuery圖片淡入淡出效果的相關(guān)使用技巧,需要的朋友可以參考下2015-06-06
jQuery使用正則驗(yàn)證15/18身份證的方法示例
這篇文章主要介紹了jQuery使用正則驗(yàn)證15/18身份證的方法,涉及jQuery基于正則進(jìn)行數(shù)字字符串驗(yàn)證相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了jQuery彈出遮罩層效果,結(jié)合完整實(shí)例形式分析了jQuery遮罩層的動(dòng)態(tài)創(chuàng)建與使用技巧,需要的朋友可以參考下2016-09-09
基于jquery鼠標(biāo)點(diǎn)擊其它地方隱藏層的實(shí)例代碼
基于jquery鼠標(biāo)點(diǎn)擊其它地方隱藏層的實(shí)例代碼，需要的朋友可以參考下。2011-01-01
javascript基于jQuery的表格懸停變色/恢復(fù),表格點(diǎn)擊變色/恢復(fù),點(diǎn)擊行選Checkbox
jQuery的表格懸停變色 恢復(fù),表格點(diǎn)擊變色/恢復(fù),點(diǎn)擊行選Checkbox2008-08-08
輕松學(xué)習(xí)jQuery插件EasyUI EasyUI實(shí)現(xiàn)拖動(dòng)基本操作
這篇文章主要幫大家輕松學(xué)習(xí)jQuery插件EasyUI，并利用EasyUI實(shí)現(xiàn)拖動(dòng)基本操作，文章并提供了一個(gè)學(xué)校課程表簡單實(shí)例，感興趣的小伙伴們可以參考一下2015-11-11