display和visibility隐藏元素

隐藏元素的方式有很多种，最常用的是display:none；visibility:hidden；z-index:-9999；

display

display:none;隐藏一个元素，并释放掉该元素所占有的原有空间。即可以理解为:将该元素删除了，放在了单独的一块内存中，当display属性改变时再重新为元素分配空间，但原有的空间设置已不负存在。jquery的show()和hide()方法就是通过该属性来实现显隐的。（摸不着也看不见）

display的常用值：

    none：元素不显示

    block：该元素将被当作一个块级元素，元素前后都将换行

    inner：默认值，该元素将被当作一个内联元素，元素前后均不换行

    inner-block：行内块元素

    list-item:元素将作为列表显示

    table：元素将作为块级表格显示

    table-row:元素将作为表格一行

    table-column：元素将作为表格一列

    table-cell：元素将作为表格的一个单元格

如何在jquery中判断一个元素是否被show或者hide？

$("#id").is(":hidden"):判断元素是否被隐藏了，即使用了hide()方法使元素的display属性值变成了none。

$("#id").is(":visible"):判断元素是否正显示，即使用了show()方法使display的值不再是none。

visibility

visibility:hidden；隐藏一个元素，但会保留元素的占用空间，即是逻辑上的隐藏，实际上是存在的。（摸得着看不见）

visibility常用的值：

    hidden：隐藏一个元素。

    visible：默认值，显示一个元素。

z-index:-9999

z-index:-9999;只能用于定位元素上，即有position属性才行。其作用是定义元素的堆叠顺序。即是元素延z轴的位置。其值可为正数，也可为负数，为正数时离用户更近，为负数时，离用户更远，被之上的元素遮盖从而达到隐藏的效果。

z-index的常用值：

    auto：默认，与父元素同一层次。

    正数：接近用户。

    负数：远离用户。