jQuery和Zepto的差异有什么-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

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

本教程操作环境：windows10系统、jquery2.2.4，本文适用于所有品牌的电脑。

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 = $('<p>jQuery 插入</p>', {
             id: 'insert-by-jquery'
         });
         $insert.appendTo($('body'));
     });
})(window.jQuery);   
// <p>jQuery 插入<p>
 
Zepto(function($) {  
    var $insert = $('<p>Zepto 插入</p>', {
        id: 'insert-by-zepto'
    });
    $insert.appendTo($('body'));
});
// <p id="insert-by-zepto">Zepto 插入</p>

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

(function($) {
    $(function() {    
        $script = $('<script />', {
            src: 'http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js',
            id: 'ui-jquery'
        });
 
        $script.appendTo($('body'));
 
        $script.on('load', function() {
            console.log('jQ script loaded');
        });
    });
})(window.jQuery);
 
Zepto(function($) {  
    $script = $('<script />', {
        src: 'http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js',
        id: 'ui-zepto'
    });
 
    $script.appendTo($('body'));
 
    $script.on('load', function() {
        console.log('zepto script loaded');
    });
});