jquery顯示隱藏常用方式效能測試報告

2021-09-16 22:55:57 字數 271 閱讀 5692

其實我一直就聽別人說如果要顯示隱藏盡量不要用hide()和show(),其實一直也沒實際測試過,因為自己想當然的也以為,畢竟hide()和show()jquery底層要經過不少判斷。今天不知怎麼得對他們的效能一直很在意,於是就簡單做了如下測試

下面測試了對10000個相同div節點的顯示隱藏,測試方法使用了console.time()和console.timeend,測試瀏覽器為谷歌(其它的還沒測試)

還好,沒想象中那麼差

也沒比上面的好多少嗎

也不錯好吧,果斷拋棄你

jQuery常用隱藏顯示動畫

本人用了animate 對layui框架做自定義發現顯示的時候無動畫。後來看了這篇文章才知道原來那麼多簡便的方式就可以實現顯示和隱藏,回想很久以前,貌似也學過,只是太久沒用忘了。動畫顯示,效果為 上下左右慢慢展開 300為動畫時間 某元素 show 動畫顯示,上下左右慢慢縮回隱藏 某元素 hide ...

jquery顯示,隱藏

第一種方法,給元素設定style屬性 hidediv css display block 第2種方法,給元素換class,來實現div的隱藏,前台是換的class隱藏樣式已經定義 hidediv attr class blockclass 第3種方法,通過jquery的css方法,來實現div隱藏 ...

jQuery 隱藏 顯示

語法 selector hide speed,callback selector show speed,callback 可選的 speed 引數規定隱藏 顯示的速度,可以取以下值 slow fast 或毫秒。可選的 callback 引數是隱藏或顯示完成後所執行的函式名稱。下面的例子演示了帶有 s...