亚洲AV日韩AⅤ综合手机在线观看,激情婷婷久久综合色,欧美色五月婷婷久久,久久国产精品99久久人人澡

  • <abbr id="uk6uq"><abbr id="uk6uq"></abbr></abbr>
  • <tbody id="uk6uq"></tbody>
  • 顯示jquery代碼的四種方式

    時(shí)間:2024-06-26 08:20:02 jQuery Mobile 我要投稿
    • 相關(guān)推薦

    顯示jquery代碼的四種方式

      第一種實(shí)現(xiàn)方式:

      代碼如下:

      1. <script type="text/javascript">

      $(function(){

      $(".topicList h3").click(function(){

      var UL = $(this).next("ul");

      if(UL.css("display")=="none"){

      UL.css("display","block");

      }

      else{

      UL.css("display","none");

      }

      });

      });

      </script>

      第二種實(shí)現(xiàn)方式:

      代碼如下:

      2. <script type="text/javascript">

      $(function(){

      $(".topicList h3").toggle(function(){

      $(this).next("ul").hide(1000);

      },function(){

      $(this).next("ul").show(1000);

      });

      });

      </script>

      第三種實(shí)現(xiàn)方式:

      可以使用Jquery提供的show和hide來完成帶緩動的顯示和隱藏效果,由于兩個(gè)方法相似,可以直接使用toggle來完成。

      代碼如下:

      3. <script type="text/javascript">

      $(function(){

      $(".topicList h3").toggle(function(){

      $(this).next("ul").css("display","none");

      },function(){

      $(this).next("ul").css("display","block");

      });

      });

      </script>

      第四種實(shí)現(xiàn)方式:

      toggle如果有兩個(gè)參數(shù),并且都是函數(shù),表示第一次點(diǎn)擊執(zhí)行第一個(gè)函數(shù),第二次點(diǎn)擊執(zhí)行第二個(gè)函數(shù)。

      代碼如下:

      4. <script type="text/javascript">

      $(function(){

      $(".topicList h3").toggle(topicHandler,topicHandler);

      function topicHandler(){

      //使用fadeIn、show、slideDown可以完成某個(gè)容器的顯示

      //使用fadeOut、hide、slideUp可以完成某個(gè)容器的隱藏

      //所以可以通過各個(gè)的toggle來完成兩個(gè)之間的輪換

      $(this).next("ul").toggle(1000);

      }

      });

      </script>

    【顯示jquery代碼的四種方式】相關(guān)文章:

    jquery提交按鈕的代碼07-28

    基于jQuery的固定表格頭部的代碼08-30

    關(guān)于jQuery實(shí)現(xiàn)高亮顯示的方法介紹08-20

    jQuery(js)如何獲取文字寬度(顯示長度)09-29

    關(guān)jQuery彈出窗口簡單實(shí)現(xiàn)代碼-javascript編程06-07

    網(wǎng)球進(jìn)攻的四種方式06-12

    關(guān)于jquery簡單圖片切換顯示效果實(shí)現(xiàn)方法介紹10-01

    jquery之超簡單的div顯示和隱藏特效demo簡介05-15

    公文寫作的四種思維方式06-13

    建立目標(biāo)顧客聯(lián)系四種方式10-16