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

时间:2021-07-09 06:30:13
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" });
}
});