【JS】---5 JS通過事件隱藏顯示元素


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】

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM