占位隐藏与非占位隐藏

占位隐藏

含义：只是不可见，但仍占用页面中的位置，只是隐藏了。

• $("#div_id").css("visibility", "hidden"); 反："visible"

非占位隐藏

含义：从页面中彻底消失

• $("#div_id").css("display", "none"); 反："block"、"inline"
• $("#div_id").hide(); 反： .show()

• $('#input_id').attr('hidden','true') 反：false

  第三种只是用于input标签，它自带有hidden属性，修改该属性来实现非占位隐藏