下载引入资源文件
<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；
