原生js判斷元素是否隱藏，jq判斷元素是否隱藏【轉】

一.原生js判斷元素是否隱藏

1.通過offsetParent判斷，使用這種方法來判斷當前元素是否被隱藏，包括通過設置父元素為display:none以及自己本身為none的情況。但是如果是通過設置visibility:hidden則無法檢測出。

function isHidden(el){
    return el.offsetParent === null;
}

2.通過getComputedStyle方式判斷getComputedStyle使用參考

function isHidden(el){
    var style = window.getComputedStyle(el);
    return (style.display === 'none')
}

3.更簡單的方式el.style.display

function isHidden(el){
    return (el.style.display === 'none')
}

二.jq判斷元素是否隱藏

1.通過.css()方法來判斷，display來判斷

function isHidden($el){
    return $el.css('display') === 'none';
}

2.通過jq的偽類:hidden/:visible來判斷

function isHidden($el){
    return $el.is(':hidden');
}

function isHidden($el){
    return !$el.is(':visible')
}

文章轉自：https://blog.csdn.net/MFWSCQ/article/details/100077694