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 须要判断子元素当前是否显示