js判斷元素是否隐藏、顯示

js判斷元素是否隐藏、顯示的幾種方法：

第一種：使用CSS屬性

var display =$('#id').css('display');
if(display == 'none'){
    alert("隐藏");
}
           

第二種：使用jquery内置選擇器

1.
 if($("#test").is(":hidden")){
        $("#test").show();    //如果元素為隐藏,則将它顯現
    }else{
        $("#test").hide();     //如果元素為顯現,則将其隐藏
    }
   2.
    if(!$('#test').is(':visible')){　　//如果元素是隐藏的則顯示元素，否則隐藏

    $('#test').show();　

    }else{

    $('#test').hide();

    }
    3.
   if($('#test').is(':visible')){　　//如果元素是顯示的則隐藏元素，否則顯示
    $('#test').hide();
  }else{
    $('#test').show();
   }    
    4.
     jQuery("#tanchuBg").css("display")  
     jQuery("#tanchuBg").is(":visible")  
     jQuery("#tanchuBg").is(":hidden") 
    5.
     if ($(this).css("visibility") == "hidden")  
     {  
        alert("隐藏");
     }  
     else  
     {  
      alert("顯示");
     } 
     6.
     if( $(this).css("display") == 'none' ){    
      alert("隐藏");
      }  
      else{    
      alert("顯示");
      } 
           

運用：

if ($("ul.apply-con-c2 li.apply-12").is(":hidden"))                  {                 
      $('#beginTime').datetimebox('setValue', alldata.StartTime);
            $('#endTime').datetimebox('setValue', alldata.EndTime);
        } else {
            var beginTime = $('#beginTime').datetimebox('getValue');
            beginTime = beginTime.substring(10, 16);
            var endTime = $('#endTime').datetimebox('getValue');
            endTime = endTime.substring(10, 16);
            var beginDate = alldata.StartTime.substring(0, 10);
            var endDate = alldata.EndTime.substring(0, 10);
            $('#beginTime').datetimebox('setValue', beginDate + beginTime);
            $('#endTime').datetimebox('setValue', beginDate + endTime);
        }
       //end