자료실

홈 / 고객센터 / 자료실

jQuery VS Zepto 비교

기본정보
  • 글쓴이
  • 고객지원팀
  • 조회수
  • 1,015회
상세내용

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

자료실

유용한 자료들을 모아두었습니다.

자료실 목록
번호 제목 글쓴이
58 고객지원팀
57 고객지원팀
56 고객지원팀
55 고객지원팀
54 고객지원팀
53 고객지원팀
52 고객지원팀
51 고객지원팀
50 고객지원팀
49 고객지원팀
열람중 고객지원팀
47 고객지원팀
46 고객지원팀
45 고객지원팀
44 고객지원팀
43 고객지원팀
42 고객지원팀
41 고객지원팀
40 고객지원팀
39 고객지원팀