亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

jQuery中toggle與slideToggle以及fadeToggle的比較

操作元素的顯示和隱藏可以有幾種方法。
例如:

  • 改變樣式display為none
  • 設置位置高度為0
  • 設置透明度為0

都能達到這個目的,并且針對這樣的處理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeIn/fadeOut。除此之外,還引入了toggle、sildeToggle以及fadeToggle切換方法

toggle、sildeToggle以及fadeToggle的區別:
  • toggle:切換顯示與隱藏效果
  • sildeToggle:切換上下拉卷滾效果
  • fadeToggle:切換淡入淡出效果
當然細節上還是有更多的不同點:

toggle與slideToggle細節區別:
  • toggle:動態效果為從右至左。橫向動作,toggle通過display來判斷切換所有匹配元素的可見性
  • slideToggle:動態效果從下至上。豎向動作,slideToggle 通過高度變化來切換所有匹配元素的可見性

fadeToggle方法

  • fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之間切換。

  • 元素是淡出顯示的,fadeToggle() 會使用淡入效果顯示它們。

  • 元素是淡入顯示的,fadeToggle() 會使用淡出效果顯示它們。

  • 注釋:隱藏的元素不會被完全顯示(不再影響頁面的布局)

任務

?不會了怎么辦
||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?