jQuery 因为强大的生命力基本上是一个事实标准,因此大部分工具 lib 在 DOM 操做、动画等功能上或多或少都会是 jQuery-like 的。 css
Zepto 的 API 就是彻底兼容 jQuery 的,功能上 Zepto 是 jQuery 的子集, jquery
·定位上 jQuery 桌面为主 数组
·Zepto 则从一开始就定位移动设备, 浏览器
因此体积方面有必定优点。也就是说若是你只用了 jQuery 不多且都是核心的功能,好比选择器等,那么能够在不改动任何业务代码的状况下把 lib 切换到 Zepto——其实就是把 $ 对象换掉了。
函数
- Zepto更轻量级
- Zepto是jQuery的精简,针对移动端去除了大量jQuery的兼容代码
- 部分API的实现方式不一样
详情 工具
- 针对移动端程序,Zepto有一些基本的触摸事件能够用来作触摸屏交互(tap事件、swipe事件),Zepto是不支持IE浏览器的。
- DOM操做的区别:添加id时jQuery不会生效而Zepto会生效
- 事件触发的区别:使用jquery时load事件的处理函数不会执行;使用zepto时load事件的处理函数会执行
- 事件委托的区别:zepto中,选择器上全部的委托事件都依次放入到一个队列中,而在jquery中则委托成独立的多个事件
- width() 与 height()的区别:zepto由盒模型(box-sizing)决定,用.width()返回赋值的width,用.css('width')返回border等的结果;jquery会忽略盒模型,始终返回内容区域的宽/高(不包含padding、border).
- offset()的区别:zepto返回{top,left,width,height}; jquery返回{width,height}。zepto没法获取隐藏元素宽高,jquery能够
- zepto中没有为原型定义extend方法而jquery有
- zepto的each方法只能遍历数组,不能遍历JSON对象。
手机端 开发用zepto 学习
pc端开发用jQuery 动画
文章来源:刘俊涛的博客 spa
地址:http://www.cnblogs.com/lovebing 对象
欢迎关注,有问题一块儿学习欢迎留言、评论。