占位隐藏

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

  • $("#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属性，修改该属性来实现非占位隐藏