Jquery相关的<div>标签的隐藏与显示及判断显示或隐藏状态

1.visibility与display之间的区别:
     ①div的visibility属性可以控制div的显示和隐藏，但是隐藏后页面显示空白，仅限于隐藏内容，所在位置仍存在。
     ②display属性可以使div隐藏后释放占用的页面空间。

具体使用： ①<div class="photo-fj" id="local1" style="display:none" > //元素隐藏
②<div class="photo-fj" id="local1" style="display:block" > //元素显示

③<div class="photo-view" id="showpic2" style="visibility: hidden"> //元素隐藏
④<div class="photo-view" id="showpic2" style="visibility: visible"> //元素显示

2.Jquery控制元素显示与隐藏

1、$("#demo").attr("style","display:none;");//隐藏div

   $("#demo").attr("style","display:block;");//显示div

2、$("#demo").css("display","none");//隐藏div

   $("#demo").css("display","block");//显示div

3、$("#demo").hide();//隐藏div

   $("#demo").show();//显示div

注：

$("#demo").show()表示display:block, 
$("#demo").hide()表示display:none; 

3.JQuery判断元素的显示与隐藏状态

 $("#local1").is(":visible")  //是否显示，显示时为true
 $("#local1").is(":hidden")  //是否隐藏，隐藏时为true