jQuery和Zepto的差异有什么

差异：1、Zepto中，针对移动端去除了大量jQuery的兼容代码；2、使用jQuery时load事件的处理函数不会执行；使用Zepto时load事件的处理函数会执行；3、zepto中没有为原型定义extend方法，而jquery有。

jQuery和Zepto的差异

1、Zepto更轻量级

2、Zepto是jQuery的精简，针对移动端去除了大量jQuery的兼容代码

3、部分API的实现方式不同

1）、针对移动端程序，Zepto有一些基本的触摸事件可以用来做触摸屏交互（tap事件、swipe事件），Zepto是不支持IE浏览器的。

2）、DOM操作的区别：添加id时jQuery不会生效而Zepto会生效

(function($) {
     $(function() {
         var $insert = $(&＃39;
jQuery 插入
&＃39;, {
             id: &＃39;insert-by-jquery&＃39;
         });
         $insert.appendTo($(&＃39;body&＃39;));
     });
})(window.jQuery);   
// 
jQuery 插入


Zepto(function($) {  
    var $insert = $(&＃39;
Zepto 插入
&＃39;, {
        id: &＃39;insert-by-zepto&＃39;
    });
    $insert.appendTo($(&＃39;body&＃39;));
});
// 
Zepto 插入

3）、事件触发的区别：使用jquery时load事件的处理函数不会执行；使用zepto时load事件的处理函数会执行

(function($) {
    $(function() {    
        $script = $(&＃39;&＃39;, {
            src: &＃39;http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js&＃39;,
            id: &＃39;ui-jquery&＃39;
        });

        $script.appendTo($(&＃39;body&＃39;));

        $script.on(&＃39;load&＃39;, function() {
            console.log(&＃39;jQ script loaded&＃39;);
        });
    });
})(window.jQuery);

Zepto(function($) {  
    $script = $(&＃39;&＃39;, {
        src: &＃39;http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js&＃39;,
        id: &＃39;ui-zepto&＃39;
    });

    $script.appendTo($(&＃39;body&＃39;));

    $script.on(&＃39;load&＃39;, function() {
        console.log(&＃39;zepto script loaded&＃39;);
    });
});

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 的一个原因。

更多编程相关知识，请访问：编程视频课程！！

以上就是jQuery和Zepto的差异有什么的详细内容，更多请关注 第一PHP社区 其它相关文章！