菜单 学习猿地 - LMONKEY

 jquery和zepto的区别是什么?
phpvincent

jquery和zepto的区别是什么?

phpvincent profile image phpvincent ・1 min read

jQuery 是一个简洁而快速的 JavaScript 库,可用于简化事件处理,HTML 文档遍历,Ajax 交互和动画,以便快速开发网站。jQuery 简化了 HTML 的客户端脚本,从而简化了 Web 2.0 应用程序的开发。

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api;如果你会用jquery,那么你也会用zepto。

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

jQuery和Zepto的区别

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

jQuery 和 Zepto.js 表面看起来差不多,其实一些细节上差异很大,同时支持 jQuery 和 Zepto.js 是一件吃力不讨好的事情,这应该也是 Foundation 5 放弃支持 Zepto 的一个原因。

评论 (0)