久久久久无码精品,四川省少妇一级毛片,老老熟妇xxxxhd,人妻无码少妇一区二区

顯示jquery代碼的四種方式

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

顯示jquery代碼的四種方式

  第一種實現(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>

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

  代碼如下:

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

  $(function(){

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

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

  },function(){

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

  });

  });

  </script>

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

  可以使用Jquery提供的show和hide來完成帶緩動的顯示和隱藏效果,由于兩個方法相似,可以直接使用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>

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

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

  代碼如下:

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

  $(function(){

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

  function topicHandler(){

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

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

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

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

  }

  });

  </script>

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

jquery提交按鈕的代碼07-28

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

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

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

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

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

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

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

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

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