ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryとZeptoの違いは何ですか

jQueryとZeptoの違いは何ですか

青灯夜游
青灯夜游オリジナル
2020-11-11 15:24:311945ブラウズ

相違点: 1. Zepto では、モバイル端末用に大量の jQuery 互換コードが削除されました; 2. jQuery を使用する場合、load イベントのハンドラー関数は実行されません。 Zepto を使用すると、load イベントが実行されます。3、zepto はプロトタイプの extend メソッドを定義しませんが、jquery は定義します。

jQueryとZeptoの違いは何ですか

#このチュートリアルの動作環境: Windows10 システム、jquery2.2.4、この記事はすべてのブランドのコンピューターに適用されます。

jQuery と Zepto の違い

1. Zepto はより軽量です

2. Zepto は jQuery の合理化されたバージョンであり、多くの機能が削除されています。モバイル端末用の jQuery 互換コード

3. 一部の API は異なる方法で実装されています

1) モバイル プログラムの場合、Zepto にはタッチ スクリーン操作に使用できるいくつかの基本的なタッチ イベントがあります (タップ イベント) 、スワイプ イベント)、Zepto は IE ブラウザをサポートしていません。

2)、DOM 操作の違い: jQuery は ID の追加時に有効になりませんが、Zepto は有効になります

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

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

3)、イベント トリガーの違い: jquery を使用する場合、ロード イベント ハンドラーは実行されません。zepto を使用すると、ロード イベントのハンドラー関数が実行されます (

(function($) {
    $(function() {    
        $script = $(&#39;<script />&#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;<script />&#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 はボックス モデル (ボックス サイズ) によって決まります。.width を使用します。 () 割り当てられた幅を返すには、 を使用します。 css('width') はボーダーなどの結果を返します; jquery はボックス モデルを無視し、常にコンテンツ領域の幅/高さを返します (パディングとボーダーを除く)。

#6)、offset() の違い: zepto Return {top,left,width,height}; jquery は {width,height} を返します。 zepto は隠し要素の幅と高さを取得できません。jquery は

7)、zepto はプロトタイプの extend メソッドを定義していませんが、jquery には

8)、zepto の各メソッドはJSON オブジェクトを反復処理するのではなく、配列を走査します。

jQuery と Zepto.js は表面的には似ています。実際、細部は大きく異なります。jQuery と Zepto.js を同時にサポートすることは、ありがたい仕事です。これが Foundation 5 が提供した理由です。 Zeptoをサポートする理由。

プログラミング関連の知識について詳しくは、

プログラミング ビデオ コース

をご覧ください。 !

以上がjQueryとZeptoの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。