zepto和jQuery的区别

优点:

zepto可以说是jQuery的子集,按照官方文档来说,会jQuery就会zepto

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

区别:

1.zepto主要用于移动端

2,Dom操作的区别:添加id时jQuery不会生效而Zepto会生效。

3,事件触发的区别:使用 jQuery 时 load 事件的处理函数不会执行;使用 Zepto 时 load 事件的处理函数会执行。

4,事件委托的区别:

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

6,offset()的区别:Zepto返回{top,left,width,height};jQuery返回{width,height}。

7,Zepto无法获取隐藏元素宽高,jQuery 可以。

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

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

10,Zepto在操作dom的selected和checked属性时尽量使用prop方法,在读取属性值的情况下优先于attr。Zepto获取select元素的选中option不能用类似jQuery的方法$('option[selected]'),因为selected属性不是css的标准属性。应该使用$('option').not(function(){ return !this.selected })。

参考文档:https://www.cnblogs.com/colima/p/5289386.html

原文地址:https://www.cnblogs.com/zzz-knight/p/12692074.html