zepto源碼--核心方法6（顯示隱藏）--學習筆記

時間 2020-08-22

標籤 zepto 源碼核心方法顯示隱藏學習筆記简体版

原文原文鏈接

在不引入zepto插件模塊fx_metho其餘ds的狀況下，zepto默認的顯示隱藏的函數只有show, hide, toggle，這裏解釋有個前提條件，就是沒有引入zepto的fx_methods插件模塊html

shownode

相比較於jQuery的show函數，這裏真的很簡單了，沒有傳入任何參數，若是在標籤上之內聯樣式的形式存在style="display:none"，直接將該內聯樣式的none改成空，若是不是內聯樣式，則經過獲取計算後的樣式，getComputedStyle(this, '').getPropertyValue("display")，判斷其若是等於「none」，則將其的display值設置爲該節點的默認樣式，defaultDisplay(this.nodeName)。ide

hide函數

hide更簡單，沒什麼好說的，直接將該元素的display值設置爲none。post

togglethis

對toggle函數的介紹在前面有過單獨的介紹，見zepto--toggle函數
插件