jquery和zepto的异同

Posted 2021-03-13 lijianming180

相同点

相同点:

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对象