码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-11-17 10:56:56      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:设置   eth   条件   分享   etc   获取   ima   node   hid   

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

show

技术分享

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

 

hide

技术分享

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

 

toggle

技术分享

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

 

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

标签:设置   eth   条件   分享   etc   获取   ima   node   hid   

原文地址:http://www.cnblogs.com/zhuhuoxingguang/p/6072431.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!