css中display:none、visible:hidden、和jquery中的hide()的区别

css中display:none、visible:hidden、和jquery中的hide()的区别

学习心得：

三者都是隐藏，但有微小的差别

（1）display:none是元素是否显示，设置为none后，元素不显示，也不占位置。
（2）visible:hidden是元素能否看得见，不管看不看得见都占着那个位置。而
（3）jquery中的hide()是设置display为none；show()是设置display为block

注：查询后得知：
设定为display=“none”，就是不渲染，在页面加载完成之后并不把display = “none”的div容器渲染出来，这时候的div容器对js语句中的选择器是不可见的。
所以想做到动态显示，要使用jquery中的hide()函数，这个函数可以只是相当于隐藏，js选择器可以找到。