元素或標簽隱藏
阿新 • • 發佈:2017-12-12
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了。
元素或標簽隱藏