js和jQuery判断一个元素是否显示或隐藏

时间:2024-03-04 17:24:06
jquery判断div是否显示或者隐藏



很多时候会要判断一个div是不是显示着,没显示要怎么处理,显示的如何处理;

方法很简单,选择到你要判断的div,再用is(\':hidden\')判断是否隐藏;或者用is(":visible")判断是否显示;

判断如果显示或不显示代码如:

if($(\'#div\').is(\':hidden\')){

      //如果隐藏时。。。

}else{

      //如果显示时。。。

}

javarcript 方法:

var o =document.getElementById("div1").style.display;          
  if(o=="none")  //已经是隐藏状态
  {
       document.getElementById("div1").innerHTML = "";    //div要显示的内容
       document.getElementById("div1").style.display = "";   //使之可见
  }

else
   {
        document.getElementById("div1").innerHTML = "";   //div要显示的内容
        document.getElementById("div1").style.display = "none";    //使之不可见
  }