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

---