在页面中关于显示与隐藏的两种不同实现方法（JQ版本）

1.hide()/show()方法（jquery）

其实现方法约等于display：none
执行方法后可以从html页面元素上看到对应元素的style被加上了display：none
此元素就在html页面中消失掉了。(用show()也可以显示回来)
具体效果可以看w3school的

这个demo
里面清晰地展现出了其display：none地特性-》在加上这个属性后，其元素占位也一并会被清除。



如果需求与这个特性相吻合地话，建议使用hide() show() toggle()方法进行实现
还可以配合delay（），fadeIn（）等方法实现不同的渐变，定时效果。

2.$(选择器).css(“visibility”,“hidden”);

$(选择器).css("visibility","hidden");

$(选择器).css("visibility","visible");

此为与上面的hide（）/display：none都是可以进行属性的隐藏，但是此方法并没有清除元素本身的占位

此处消失了，但是下面的元素并没有补位
不过这个方法jquery就没有给像hide/show方法简化了，如果要实现定时任务，可以setTimeout（一次执行后停止），setInterval(循环执行)进行定时执行

  $("xxx").css("visibility","hidden");
  setTimeout(function (){
    $("xxx").css("visibility","visible");
  },400);