美文网首页我爱编程
jquery和zepto的区别

jquery和zepto的区别

作者: 一个爱折腾的程序媛妹子 | 来源:发表于2017-07-11 09:37 被阅读0次

Query 由于强大的生命力基本上是一个事实标准,所以大部分工具 lib 在 DOM 操作、动画等功能上或多或少都会是 jQuery-like 的。Zepto 的 API 就是完全兼容 jQuery 的,功能上 Zepto 是 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对象。

更多

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

相关文章

  • 移动web开发

    1. Zepto库和JQ区别 Zepto相对jQuery更加轻量,主要用在移动端,jQuery也有对应的jQuer...

  • 移动端开发的zepto

    1.zepto和jquery的区别:(主要是模块上的区别) zepto默认只有基本的模块,其他功能模块需要单独引用...

  • zepto和jquery的区别

    1:zepto对象不能自定义事件 2:zepto的选择器表达式[name=value]中value必须用引号括起来...

  • jquery和zepto的区别

    Query 由于强大的生命力基本上是一个事实标准,所以大部分工具 lib 在 DOM 操作、动画等功能上或多或少都...

  • jQuery和Zepto的区别

    应用场景不同,因为jQuery的强大导致了他本身也强大,所以使他不太适合移动端的开发,Zepto就解决了这个...

  • 接上篇:(三)

    jQuery和Zepto的区别?各自的使用场景? 针对 jQuery 的优化方法? *基于Class的选择性的性能...

  • jquery和zepto的扩展方法extend

    jquery和zepto的扩展方法extend 总结下jQuery(3.1.1)和zepto(1.1.6)到底是如...

  • Zepto.js移动端的小型jQuery

    Zepto.js移动端的小型jQuery >JQ怎么用它就怎么用,但是还是有一些区别的,Zepto更适合移动端的开...

  • jQuery 知识点

    jQuery 和Zepto ? Zepto 类库体积小,且实现了触摸屏交互事件,更适合于移动端。 jQuery 体...

  • jQuery和zepto

    1, 有jQuery动态生成的dom, 需要用live绑定事件, 或者用on live绑定: on绑定: 要绑定到...

网友评论

    本文标题:jquery和zepto的区别

    本文链接:https://www.haomeiwen.com/subject/lxuphxtx.html