javascript 判断元素是否隐藏

jquery中通过  $("#id").is(":hidden"); 判断一个元素是否是隐藏状态，

其最终调用的代码如下：

jQuery.expr.filters.hidden = function( elem ) {
// Support: Opera <= 12.12
// Opera reports offsetWidths and offsetHeights less than zero on some elements
return elem.offsetWidth <= 0 && elem.offsetHeight <= 0;
};

因此本质上可以通过元素的offsetWidth  和 offsetHeight 同时小于等于0判断元素是否被隐藏

使用场景：父元素可能设置了display:none 需要判断子元素当前是否显示