jquery 获取隐藏元素(display:none)的高度和宽度_jquery能获取display none的dom吗-CSDN博客

本文链接：https://blog.csdn.net/qq_43299315/article/details/108345256

下载引入资源文件

<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});