Zepto——简化版jQuery，移动端首选js库

转载请注明原文地址：https://www.cnblogs.com/ygj0930/p/10826054.html

一：Zepto是什么

Zepto最初是为移动端开发的js库，是jQuery的轻量级替代品，因为它的API和jQuery相似，而文件更小。

Zepto最大的优势是它的文件大小，只有8k多，是目前功能完备的库中最小的一个，尽管不大，Zepto所提供的工具足以满足开发程序的需要。

大多数在jQuery中常用的API和方法Zepto都有，Zepto中还有一些jQuery中没有的(移动端支持)。

因为Zepto的API大部分都能和jQuery兼容，所以用起来极其容易，如果熟悉jQuery，就能很容易掌握Zepto。。

二：Zepto和jQuery的差异

（1）jQuery更多是在PC端被应用，因此，考虑了很多低级浏览器的的兼容性问题；而Zepto.js则是直接抛弃了低级浏览器的适配问题，显得很轻盈；

（2）Zepto.js在移动端被运用的更加广泛；更注重在移动端的使用

（3）jQuery的底层是通过DOM来实现效果的，zepto.js 是用css3来实现的；

（4）Zepto.js可以说是阉割版本的jQuery。

zepto比jQuery多了更多的移动端的 事件的支持，比如说tap， swipe……

zepto的兼容性比jQuery差，因为zepto更多的是注重移动端和效率，jQuery注重的是兼容性。

针对移动端程序，Zepto有一些基本的触摸事件可以用来做触摸屏交互（tap事件、swipe事件），Zepto是不支持IE浏览器的。

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

width()和height()的区别：Zepto由盒模型(box-sizing)决定，用.width()返回赋值的width，用.css('width')返回加border等的结果；jQuery会忽略盒模型，始终返回内容区域的宽/高(不包含padding、border)

Zepto 的each 方法只能遍历 数组，不能遍历JSON对象。

Zepto在操作dom的属性时尽量使用prop方法，在读取属性值的情况下优先于attr。

Zepto仅支持简单的选择器，对于jQuery中提供的高级选择器很多都不支持：

三：Zepto提供了什么

核心API

......

事件

移动端触摸事件

Ajax处理

四：Zepto的适用场景

在浏览器上(Safari、Chrome和Firefox)上开发页面应用或者构建基于html的web-view应用时，使用Zepto是一个不错的选择。