在不引入zepto插件模块fx_metho其他ds的情况下,zepto默认的显示隐藏的函数只有show, hide, toggle,这里解释有个前提条件,就是没有引入zepto的fx_methods插件模块

show

zepto源码--核心方法6(显示隐藏)--学习笔记

相比较于jQuery的show函数,这里真的很简单了,没有传入任何参数,如果在标签上以内联样式的形式存在style="display:none",直接将该内联样式的none改为空,如果不是内联样式,则通过获取计算后的样式,getComputedStyle(this, '').getPropertyValue("display"),判断其如果等于“none”,则将其的display值设置为该节点的默认样式,defaultDisplay(this.nodeName)。

 

hide

zepto源码--核心方法6(显示隐藏)--学习笔记

hide更简单,没什么好说的,直接将该元素的display值设置为none。

 

toggle

zepto源码--核心方法6(显示隐藏)--学习笔记

对toggle函数的介绍在前面有过单独的介绍,见

 

相关文章:

  • 2021-05-15
  • 2021-08-21
  • 2022-01-06
  • 2021-06-27
  • 2022-12-23
  • 2021-09-24
猜你喜欢
  • 2022-02-14
  • 2022-01-26
  • 2021-12-08
  • 2021-06-27
  • 2021-09-28
  • 2022-02-06
  • 2021-11-03
相关资源
相似解决方案