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 須要判斷子元素當前是否顯示