js或jq判断div是否隐藏方法整理

记笔记，免忘记。方便个人以后查阅！

 

一：CSS属性

if($('#name').css('display') == 'none'){
    //隐藏
}else{
    //显示
}
if($('#name').css('display') == 'block'){
    //显示
}else{
    //隐藏
}
if ($('#name').css("visibility") == "hidden"){}

二：Class判断

<style>
    .hidden{
        display:none;
    }
</style>
<div id="name" class="hidden"></div>
<script>
    if($("#name").hasClass("hidden")){ //注意jquery的低版本可能是hasClass('.classname')
        
    }
    if($("#name").is(".hidden")){
        
    }
</script>

三：Jquery方法

if($('#name').is(':hidden')){
    //隐藏
}else{
    //显示
}
if($('#name').is(':visible')){
    //显示
}else{
    //隐藏
}

四：Javascript方法

var name = document.getElementById('name');
if(name.style.display == 'none'){}else{}