HTML5学堂-码匠 HTML5学堂

您当前位于:jQuery与类库搭建 ——> jQuery与zepto框架中dispaly:none的区别

jQuery与zepto框架中dispaly:none的区别

2015/05/02 20:00:02 | 作者:HTML5学堂(码匠) | 分类:jQuery与类库搭建 | 关键词:jQuery,zepto,框架,display:none

jQuery 与 zepto 中dispaly:none的区别

HTML5学堂:在开发过程中,大家经常用到jQuery和zepto框架进行开发,虽然两个框架的语法都是类似的,但是有一定的区别,本文主要讲解dispaly:none的区别。

获取设置display:none元素的高度

用jQuery获取:

HTML5学堂 jQ快速开发 h5course

结果:高度为499

用zepto获取:

HTML5学堂 jQ快速开发 h5course

结果:高度为0

在使用$('selector').css({"display" : "none"});对标签进行样式设置时,均能够隐藏当前元素。但是,在jQuery中,是能够通过$('selector').height()获取被display:none元素的高度的。而在zepto中,当对标签设置display:none之后,获取的高度值为0。 对于我们开发者来说,需要注意的就是:如果使用zepto进行处理,需要提前预存元素的height值。

欢迎沟通交流~HTML5学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端

iOS,APP,码集,案例交互,JavaScript学习,WEB前端,HTML5

iOS APP 码集

案例交互式学习JS