jquery判断div是否显示或者隐藏

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";    //使之不可见
  }

 

比较常用的显示和隐藏：

jQuery("#pay_method p").bind("click", function(){ alert(this.innerHTML); jQuery("#pay_method .icon-select-01").removeClass('icon-select-01').addClass('icon-unselect-01'); jQuery(this).children('i').removeClass('icon-unselect-01').addClass("icon-select-01"); alert(jQuery(this).attr("data-type")); if(atype==0){ $("#boxcoupons").css({ display: "block" }); $("#box-coupons").show(); // var target=document.getElementById("box-coupons"); // alert(target); // target.style.display="block"; // $("#box-coupons").css({ // display:"block", // });
    }else{ //$("#box-coupons").hide();
        $("#boxcoupons").css({ display: "block" }); } });