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

Html程式碼：

複製程式碼 程式碼如下:

學習天地

• 1111111111


• 2222222222

333333333

• 4444444444


• 5555555555


• 66666666666

Jquery程式碼：

第一個實作方式：

複製程式碼複製程式碼

複製程式碼



複製程式碼



複製程式碼



複製程式碼

複製程式碼

複製碼 > 程式碼如下:

1.

});


第二種實現方式：

複製代碼

程式碼如下:


2.

第三種實作方式：

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

程式碼如下:


3.

第四種實作方式： toggle如果有兩個參數，且都是函數，表示第一次點選執行第一個函數，第二次點選執行第二個函數。 複製程式碼 程式碼如下: 4.