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

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

最新文章

  1. StartSSL免费SSL证书申请和账户注册完整过程
  2. oracle中的nvl(), nvl2()函数
  3. C++去掉字符串首尾的 空格 换行 回车
  4. LINQ to Entities 不支持 LINQ 表达式节点类型“Invoke”(笔记)
  5. javaSE第十七天
  6. Codeforces Round #338 (Div. 2) B. Longtail Hedgehog dp
  7. 《University Calculus》-chaper13-多重积分-三重积分的引入
  8. overcast
  9. 双击td字段,出现编辑文本框(更改之后发送数据请求) jsp
  10. python 接口自动化测试--框架整改(五)
  11. 利用Div+CSS(嵌套+盒模型)布局页面完整实例流程
  12. Java 从键盘输入
  13. linux安装jdk配置环境变量
  14. mysql 插入中文字段报错 "Incorrect string value: '\\xE6\\xB5\\x8B\\xE8\\xAF\\x95...' for column 'title' at row 1"
  15. springboot:扩展类型转换器
  16. day_10py 简单地名字管理系统
  17. 常量,变量,a++,++a,+=等
  18. Json常用操作
  19. iOS开发-DatePicker控件
  20. linux下,MySQL默认的数据文档存储目录为/var/lib/mysql。

热门文章

  1. arp_ignore和arp_announce内核参数
  2. Callable、Future、FutureTask浅析
  3. Moscow Pre-Finals Workshop 2016. Japanese School OI Team Selection. 套题详细解题报告
  4. 人类基因(human)
  5. bzoj3609【HEOI2014】人人尽说江南好
  6. element el-cascader设置默认值
  7. split一些分开一些特殊字符
  8. 转 C++的常量引用
  9. android基本控件学习-----ImageView
  10. 设置jenkins的邮件通知功能