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{}