JS通過事件隱藏顯示元素
在開發中,很多時候我們需要點擊事件,才顯示隱藏元素。那如何做到頁面剛開始就把標簽隱藏。
有兩種方法:
(1) display:none
<div id="id" style="display:none"><div>
(2)hidden
<input type="hidden" id="his" value="haha">
這兩種都能實現標簽的隱藏,那他們有什么區別呢
我們說說display:none;與visibility:hidden;的區別
display:none ---不為被隱藏的對象保留其物理空間,即該對象在頁面上徹底消失,通俗來說就是看不見也摸不到。
visiblility:hidden--- 使對象在網頁上不可見,但該對象在網頁上所占的空間沒有改變,通俗來說就是看不見但摸得到。
用代碼來理解:

那如何通過事件讓他們顯示:
對於第二種,我們沒有必要讓他顯示了,一般設置hidden的目的就是獲取該標簽里面的數據,又不想讓他顯示在界面上。
對於第一種我們可以通過改變樣式讓他顯示:
$('#id').css('display','block'); //通過改變樣式讓它顯示
另外還有一種是出發事件,隱藏已經顯示的元素,這個就忒簡單了
只要用jquery事件
$('#id').hide(); //隱藏
$('#id').show(); //讓上面隱藏的顯示,哇好簡單
水滴石穿,成功的速度一定要超過父母老去的速度! 少尉【7】
