zepto jquery和zepto的區別?

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

歡迎關注，有問題一塊兒學習歡迎留言、評論。