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

---