003 隱藏和顯示效果

2021-10-10 15:20:47 字數 1619 閱讀 1922

1. hide()方法

1.1. 如果被選的元素已被顯示, 則隱藏該元素。

1.2. 語法:

$(selector).hide(speed,callback);
1.3. 引數

1.4. 如果元素已經是完全不可見, 則該效果不產生任何變化, 除非規定了callback函式。

2. show()方法

2.1. 如果被選元素已被隱藏, 則顯示這些元素。

2.2. 語法:

$(selector).show(speed,callback);
2.3. 引數

2.4. 如果元素已經是完全可見, 則該效果不產生任何變化, 除非規定callback函式。

2.5. 該效果適用於通過jquery隱藏的元素, 或在css中宣告display:none的元素(但不適用於visibility:hidden的元素)。

3. toggle()方法

3.1. toggle()方法切換元素的可見狀態。如果被選元素可見, 則隱藏這些元素, 如果被選元素隱藏, 則顯示這些元素。

3.2. 語法:

$(selector).toggle(speed,callback,switch);
3.3. 引數

4. 例子

4.1. **

fast隱藏段落

fast顯示段落

fast隱藏/顯示段落

slow隱藏段落

slow顯示段落

slow隱藏/顯示段落

normal隱藏段落

normal顯示段落

normal隱藏/顯示段落

預設隱藏段落

預設顯示段落

預設隱藏/顯示段落

3s隱藏段落

3s顯示段落

3s隱藏/顯示段落

toggle(true)

toggle(false)

hide()方法, 如果被選的元素已被顯示, 則隱藏該元素。

show()方法, 如果被選元素已被隱藏, 則顯示這些元素。

toggle()方法切換元素的可見狀態。如果被選元素可見, 則隱藏這些元素, 如果被選元素隱藏, 則顯示這些元素。

4.2. 效果圖

jQuery 效果 隱藏和顯示

通過 jquery,您可以使用 hide 和 show 方法來隱藏和顯示 html 元素 hide click function show click function selector hide speed,callback selector show speed,callback 可選的 spe...

jQuery隱藏和顯示效果

這裡強烈推薦使用toggle 方法來切換hide 和show 方法。selector toggle speed,callback 可選的 speed 引數規定隱藏 顯示的速度,可以取以下值 slow fast 或毫秒。可選的 callback 引數是 toggle 方法完成後所執行的函式名稱。tra...

jQuery 效果 隱藏和顯示

通過 jquery,您可以使用 hide 和 show 方法來隱藏和顯示 html 元素 hide click function show click function 語法 selector hide speed,callback selector show speed,callback 可選的 ...