jquery和zepto的异同

Posted lijianming180

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery和zepto的异同相关的知识,希望对你有一定的参考价值。

相同点

相同点:

zepto: 是jquery 的 阉割版 是为移动端开发的库 jQuery的轻量级替代品。文件大小比较小 只有8k左右 ,是目前功能库中最小的一个,尽管不大,zepto 所提供的工具足以满足开发程序的需要,大多数在jquery中常用的API和方法Zepto 都有,Zepto 和API大部分都能和jquery兼容 所以用起来和jquery差不多

jQuery: 主要用于PC端的页面开发,jquery 是目前最流行的javascript 框架,它能兼容市面上主流的浏览器,插件也是相当的丰富,大小在90k左右

Zepto: 特点 是为现代智能手机浏览器推出的javascript框架 有着jquery 相似的语法 但是和jquery相比它有很多优点 在大小方面 压缩后在5~10k 左右,功能很齐全,并且多出来了一些触摸屏的事件,然而它对一些老的浏览器不兼容 ,所以这个轻量级的js用它来开发手机端和ios, android 网页都是不错的选择,极大的减轻了整个app的负载。

大专栏  jquery和zepto的异同不同点

? 1.zepto 是针对移动端的程序 zepto有一些基本的触摸事件可以来操作触摸屏的交互(tap事件、swipe事件) zepto 是不支持IE浏览器

  1. Dom 操作的区别 :添加id时jquery 不会生效 而Zepto会生效

  2. 触发事件的区别 :使用jquery 是load 事件的处理函数不会执行,使用zepto时 load事件的处理函数会执行

  3. 事件委托的区别:zepto中 选择器上所有的委托事件都会依次放入一个队列中,而在jquery中则委托成独立的多个事件

  4. width()和height() 的区别:zepto 由盒子模型(box-sizing)决定,用 .width()返回赋值的width,用 .css(‘width’)返回border 等的结果

    而jquery会忽略盒子模型 , 始终返回内容区域的宽/高(不包含padding 、border)

    1. offset()的区别:Zepto 返回{top、left、width、height}; jQuery返回{left,top}

    2. Zepto 无法获取隐藏元素的宽高,jQuery可以

    3. Zepto中没有为原型定义extend方法 而jQuery有

    4. Zepto 的 each 方法只能遍历数组,不能遍历JSON对象

以上是关于jquery和zepto的异同的主要内容,如果未能解决你的问题,请参考以下文章

jQuery与Zepto的异同

jQuery与Zepto的异同

zepto和jquery的区别

如何解决jquery与zepto冲突问题

zepto和jquery的区别,zepto的不同使用8条小结

Zepto 和 jQuery 2 有啥区别?