首頁 > web前端 > js教程 > 主體

Jquery實作顯示與隱藏的4種簡單方式_jquery

WBOY
發布: 2016-05-16 17:24:01
原創
934 人瀏覽過

Html程式碼:

複製程式碼 程式碼如下:


學習天地



  • 1111111111

  • 2222222222

  • 333333333
  • 4444444444

  • 5555555555

  • 66666666666



Jquery程式碼:

第一個實作方式:
複製程式碼複製程式碼


複製程式碼



複製程式碼



複製程式碼



複製程式碼

複製程式碼
複製碼 > 程式碼如下:
1.
});


第二種實現方式:
複製代碼
程式碼如下:


2.


第三種實作方式:
可以使用Jquery提供的show和hide來完成帶緩動的顯示和隱藏效果,由於兩個方法相似,可以直接使用toggle來完成。 複製程式碼
程式碼如下:


3.
第四種實作方式: toggle如果有兩個參數,且都是函數,表示第一次點選執行第一個函數,第二次點選執行第二個函數。 複製程式碼 程式碼如下: 4.
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!