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\');