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函数
插件