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