1. <p id="ijjhg"></p>
      <acronym id="ijjhg"></acronym>

    2. <p id="ijjhg"></p>
      <table id="ijjhg"><ruby id="ijjhg"><mark id="ijjhg"></mark></ruby></table>
      0712-2888027 189-8648-0214
      微信公眾號

      孝感風信網絡科技有限公司微信公眾號

      當前位置:主頁 > 技術支持 > Javascript/JQuery > JQuery切換元素的可見狀態,添加樣式/刪除樣式切換代碼

      JQuery切換元素的可見狀態,添加樣式/刪除樣式切換代碼

      時間:2024-07-19來源:風信官網 點擊: 639次
      JQuery切換元素的可見狀態,添加樣式/刪除樣式切換代碼

      toggle() 切換元素的可見狀態。如果元素是可見的,切換為隱藏的;如果元素是隱藏的,切換為可見的。

      示例:

      切換所有段落的可見狀態。

      HTML 代碼:

      <p>Hello</p><p style="display: none">Hello Again</p>

      jQuery 代碼:

      $("p").toggle()

      結果:

      <p tyle="display: none">Hello</p><p style="display: block">Hello Again</p>

      使用示例代碼:

      <script>
      $(document).ready(function(){

          $(".index_nav_box span").toggle(function(){
              //添加樣式
              $(".index_nav").addClass("fadeInUp");    
          }), function(){
              //刪除樣式
              $(".index_nav").removeClass("fadeInUp");    
          });
          
      });
      </script>
      欄目列表
      推薦內容
      熱點內容
      展開
      中文字幕第二页在线天堂中文_中文字幕制服丝袜在线观看_美女胸禁止18以下看免费国产_中日韩人妻一级毛片