1. 程式人生 > >元素或標簽隱藏

元素或標簽隱藏

pan pos 有時 用法 html中 clas tom nbsp text

本文為博主原創,轉載請註明出處:

元素隱藏

在html中我們經常需要把某些元素隱藏起來,有時候我們需要臨時隱藏頁面,讓其他元素顯示,來完成操作。有時候有些信息我們需要傳給js,但是又不想給用戶看,所以也會隱藏起來。

display/visibility方法

應用方法:

1.<input name="customDayCondition" style="visibility:hidden;"/>

2.<input name="customDayCondition" style="display:none"/>

註意兩種樣式:

兩種樣式都可以隱藏標簽元素,區別在於:

第一種隱藏只能隱藏元素,但隱藏標簽的大小所占的位置會一直存在。僅僅是不可見了。但是頁面上所占的位置還是它自己的,不會被其他元素所用掉。

第二種隱藏不僅能隱藏元素,還可以隱藏標簽所占位置的大小。排版的元素會依次移動把之前元素所占空間全部用掉。

jquery的hide()和show()

在js中jquery提供了hide()和show()方法可以控制元素或標簽的顯示或隱藏。

用法如下:

<script type="text/javascript">
$("input[name=‘customDayCondition‘]").hide();
</script>

這樣就OK了。

元素或標簽隱藏