jQuery判断当前元素显示状态并控制元素的显示与隐藏

1.jQuery判断一个元素当前状态是显示还是隐藏

$("#id").is(':visible');   //true为显示，false为隐藏

$("#id").is(':hidden');   //true为隐藏，false为显示

if($("#id").is(':hidden')){

　　//逻辑代码

}

 

2.jQuery控制css的display

$("#id").show();    //表示display:block

$("#id").hide();　　 //表示display:none

$("#id").toggle();   //切换元素的可见状态

 

$("#id").css('display','none');

$("#id").css('display','block');