zepto jquery和zepto的区别?

jQuery 由于强大的生命力基本上是一个事实标准，所以大部分工具 lib 在 DOM 操作、动画等功能上或多或少都会是 jQuery-like 的。

Zepto 的 API 就是完全兼容 jQuery 的，功能上 Zepto 是 jQuery 的子集，

·定位上 jQuery 桌面为主

·Zepto 则从一开始就定位移动设备，

所以体积方面有一定优势。也就是说如果你只用了 jQuery 很少且都是核心的功能，比如选择器等，那么可以在不改动任何业务代码的情况下把 lib 切换到 Zepto——其实就是把 $ 对象换掉了。

 

• Zepto更轻量级
• Zepto是jQuery的精简，针对移动端去除了大量jQuery的兼容代码
• 部分API的实现方式不同

详情

1. 针对移动端程序，Zepto有一些基本的触摸事件可以用来做触摸屏交互（tap事件、swipe事件），Zepto是不支持IE浏览器的。
2. DOM操作的区别：添加id时jQuery不会生效而Zepto会生效
3. 事件触发的区别：使用jquery时load事件的处理函数不会执行；使用zepto时load事件的处理函数会执行
4. 事件委托的区别：zepto中，选择器上所有的委托事件都依次放入到一个队列中，而在jquery中则委托成独立的多个事件
5. width() 与 height()的区别：zepto由盒模型（box-sizing）决定，用.width()返回赋值的width，用.css('width')返回border等的结果；jquery会忽略盒模型，始终返回内容区域的宽/高（不包含padding、border）.
6. offset()的区别：zepto返回{top,left,width,height}; jquery返回{width,height}。zepto无法获取隐藏元素宽高，jquery可以
7. zepto中没有为原型定义extend方法而jquery有
8. zepto的each方法只能遍历数组，不能遍历JSON对象。

 

手机端 开发用zepto

pc端开发用jQuery

 

文章来源：刘俊涛的博客

地址：http://www.cnblogs.com/lovebing

欢迎关注，有问题一起学习欢迎留言、评论。