Zepto与jQuery异同

(1)同

Zepto是jQuery的轻量级替代品,它的API与jquery基本一致,它的体积非常小,jQuery中常用的API和方法,Zepto基本都有,所以适用于移动端开发。相比于jQuery Mobile,Zepto更合适。

(2)异

(2.1)Zepto不支持IE浏览器

Zepto针对移动端程序开发,有一些基本的触摸事件,例如tap事件、swipe事件;
Zepto不支持IE浏览器,目的是为了减小Zepto的体积;
因为Zepto使用jQuery句法,所以它在文档中建议把jQuery作为IE上的后备库。那样程序仍能在IE中,而其他浏览器则能享受到Zepto在文件大小上的优势,然而它们两个的API不是完全兼容的,所以使用这种方法时一定要小心,并要做充分的测试。

(2.2)DOM操作的区别

添加id时,jQuery不会生效,Zepto会生效

(function($){
    //DOM操作,jquery添加id不会生效
    $(function(){
       var inSet = $('

Jquery

', {id : 'insetId'}); inSet.appendTo($('body')); }); })(window.jQuery); Zepto(function($){ //DOM操作,zepto添加id生效 $(function(){ var inSet = $('

Zepto

',{id : 'insetId'}); inSet.appendTo($('body')); }); });

(2.3)事件触发的区别

使用 jQuery 时 load 事件的处理函数不会执行;使用 Zepto 时 load 事件的处理函数会执行

(function($){
    //事件触发,load不会执行
    $(function(){
        var carryOutLoad = $('
                    
                    

你可能感兴趣的:(Zepto与jQuery异同)