jquery 获取隐藏元素(display:none)的高度和宽度

下载引入资源文件

<script type="text/javascript" src="path/jquery.min.js"></script>
<script type="text/javascript" src="path/jquery.actual.js"></script>

//获取隐藏元素的  实际宽度
$('.hidden').actual('width');

//get hidden element actual innerWidth
$('.hidden').actual('innerWidth');

//get hidden element actual outerWidth
$('.hidden').actual('outerWidth');

//get hidden element actual outerWidth and set the `includeMargin` argument
$('.hidden').actual('outerWidth',{includeMargin:true});

//获取隐藏元素的  实际高度
$('.hidden').actual('height');

//get hidden element actual innerHeight
$('.hidden').actual('innerHeight');

//get hidden element actual outerHeight
$('.hidden').actual('outerHeight');

// get hidden element actual outerHeight and set the `includeMargin` argument
$('.hidden').actual('outerHeight',{includeMargin:true});

//if the page jumps or blinks, pass a attribute '{ absolute : true }'
//be very careful, you might get a wrong result depends on how you makrup your html and css
$('.hidden').actual('height',{absolute:true});

// if you use css3pie with a float element
// for example a rounded corner navigation menu you can also try to pass a attribute '{ clone : true }'
// please see demo/css3pie in action
$('.hidden').actual('width',{clone:true});

---

拓展知识：

width():其高度范围是所匹配元素的高度 width；

innerwidth():其高度范围是所匹配元素的高度 width+ padding；

outerwidth():其高度范围是所匹配元素的高度 width+ padding + border；

outerwidth(true)其高度范围是所匹配元素的高度 width+ padding + border + margin；

---

height():其高度范围是所匹配元素的高度 height；

innerheight():其高度范围是所匹配元素的高度 height + padding；

outerheight():其高度范围是所匹配元素的高度 height + padding + border；

outerheight(true)其高度范围是所匹配元素的高度 height + padding + border + margin；