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" });
    }
});